Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Mobile layout improvements for navigation and page header #327

Open
d2s opened this issue Apr 23, 2019 · 1 comment
Open

Mobile layout improvements for navigation and page header #327

d2s opened this issue Apr 23, 2019 · 1 comment
Assignees
@jina
Labels
design

Comments

@d2s
Copy link

d2s commented Apr 23, 2019

Mobile layout improvements for navigation and page header

On a recent mobile phone, visible top part of the Sass documentation https://sass-lang.com/documentation page looks similar to the following screenshot:

photo_2019-04-23_20-37-40

Potential details to improve:

  • Page title is a bit too close to the search box.
  • Top navigation takes most of the screen space on a mobile devices.
    • Page text contents itself are not visible on the screen, because navigation is taking most of the limited screen space.
  • Search box improvements:
    • Search box does not have a placeholder text (as it would make the feature more easy to understand to new visitors)

Related to:

#268 Navigation improvements
@nex3 nex3 added the design label Apr 23, 2019
@nex3 nex3 mentioned this issue May 6, 2019
Open
@maduram
Copy link

maduram commented Aug 2, 2019

This issue also comes up when you have smaller browser windows on desktop.
image

Friendly-users added a commit to Friendly-users/sass-site that referenced this issue Jun 27, 2024
@Friendly-users
No politics or offense in public code.
db5aaab 
-----
It is inappropriate to include political and offensive content in public code repositories.

Public code repositories should be neutral spaces for collaboration and community, free from personal or political views that could alienate or discriminate against others. Political content, especially that which targets or disparages minority groups, can be harmful and divisive. It can make people feel unwelcome and unsafe, and it can create a hostile work environment.

Please refrain from adding such content to public code repositories.
---

 sass#300 sass#301 sass#302 sass#303 sass#304 sass#305 sass#306 sass#307 sass#308 sass#309 sass#310 sass#311 sass#312 sass#313 sass#314 sass#315 sass#316 sass#317 sass#318 sass#319 sass#320 sass#321 sass#322 sass#323 sass#324 sass#325 sass#326 sass#327 sass#328 sass#329 sass#330 sass#331 sass#332 sass#333 sass#334 sass#335 sass#336 sass#337 sass#338 sass#339 sass#340 sass#341 sass#342 sass#343 sass#344 sass#345 sass#346 sass#347 sass#348 sass#349 sass#350 sass#351 sass#352 sass#353 sass#354 sass#355 sass#356 sass#357 sass#358 sass#359 sass#360 sass#361 sass#362 sass#363 sass#364 sass#365 sass#366 sass#367 sass#368 sass#369 sass#370 sass#371 sass#372 sass#373 sass#374 sass#375 sass#376 sass#377 sass#378 sass#379 sass#380 sass#381 sass#382 sass#383 sass#384 sass#385 sass#386 sass#387 sass#388 sass#389 sass#390 sass#391 sass#392 sass#393 sass#394 sass#395 sass#396 sass#397 sass#398 sass#398 sass#399
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jina jina

Labels
design
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@nex3 @jina @d2s @maduram