-
Notifications
You must be signed in to change notification settings - Fork 6.3k
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.
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
Improve rendering of foundation link on small devices #1752
Conversation
@@ -69,11 +69,16 @@ header | |||
float left | |||
padding 0 | |||
margin 0 | |||
nav | |||
margin 0 20px |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why 20 pixels? Because it fits with the main container’s padding:
a, | ||
a:link, | ||
a:active | ||
padding 0 | ||
|
||
.nav-foundation |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why not move L29 (with a copy of L28) to the "large" media breakpoint (around L64)
https://github.com/nodejs/nodejs.org/blob/0c985703cb0f36eee0ba09f357dab55c9241506c/layouts/css/page-modules/_header.styl#L28-L29
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looking around the codebase, I had the feeling that it was mostly “desktop-first” which is why I opted for this variant. However, I agree that your suggestion makes more sense in this case. Changed 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
Just go ahead and merge it … I think 6 approving reviews are more than enough. |
well done, thanks :) |
Before and after: