doc: make version picker usable on mobile#39958
doc: make version picker usable on mobile#39958evanlucas wants to merge 1 commit intonodejs:masterfrom
Conversation
aduh95
left a comment
There was a problem hiding this comment.
I'd prefer if instead we apply display: inline only if the user screen is bigger than 576px, instead of applying display: inline all the time and overwrite it with display: block when the screen is small. Non-blocking though.
|
@aduh95 okay, pushed another commit with the suggested change. PTAL. Thanks! |
doc/api_assets/style.css
Outdated
| @media only screen and (max-width: 576px) { | ||
| #gtoc > ul > li { | ||
| display: block; | ||
| border-right: none; | ||
| } | ||
| } | ||
|
|
There was a problem hiding this comment.
This block doesn't seem to be necessary anymore.
| @media only screen and (max-width: 576px) { | |
| #gtoc > ul > li { | |
| display: block; | |
| border-right: none; | |
| } | |
| } |
There was a problem hiding this comment.
ack, removed it. Thanks!
|
@evanlucas, seems like this is good to go as soon as the review point made by @aduh95 is addressed (or not). I would like to see this land either way, but would need to rebase due to having multiple commits in the PR (please handle this). |
|
@DerekNonGeneric hey sorry, just now have time to get back to this. I'll get the suggested changes added and get this rebased today. Thanks! |
This makes the version picker usable on mobile devices. Previously, the version picker was difficult to select from. This change makes the #gtoc > ul > li elements have a display of `block` instead of `inline`.
8166d00 to
031cd13
Compare
|
Landed in 24cc239...c89d519 |
This makes the version picker usable on mobile devices. Previously, the version picker was difficult to select from. This change makes the #gtoc > ul > li elements have a display of `block` instead of `inline`. PR-URL: #39958 Reviewed-By: Luigi Pinca <luigipinca@gmail.com> Reviewed-By: Antoine du Hamel <duhamelantoine1995@gmail.com> Reviewed-By: Tobias Nießen <tniessen@tnie.de> Reviewed-By: James M Snell <jasnell@gmail.com> Reviewed-By: Derek Lewis <DerekNonGeneric@inf.is>
This makes the version picker usable on mobile devices. Previously, the version picker was difficult to select from. This change makes the #gtoc > ul > li elements have a display of `block` instead of `inline`. PR-URL: #39958 Reviewed-By: Luigi Pinca <luigipinca@gmail.com> Reviewed-By: Antoine du Hamel <duhamelantoine1995@gmail.com> Reviewed-By: Tobias Nießen <tniessen@tnie.de> Reviewed-By: James M Snell <jasnell@gmail.com> Reviewed-By: Derek Lewis <DerekNonGeneric@inf.is>
This makes the version picker usable on mobile devices.
Previously, the version picker was difficult to select from. This
change makes the #gtoc > ul > li elements have a display
of
blockinstead ofinline.Before:
After: