Skip to content

doc: make version picker usable on mobile - #39958

Closed
evanlucas wants to merge 1 commit into
nodejs:masterfrom
evanlucas:evanlucas/mobiledocs
Closed

doc: make version picker usable on mobile#39958
evanlucas wants to merge 1 commit into
nodejs:masterfrom
evanlucas:evanlucas/mobiledocs

Conversation

@evanlucas

@evanlucasevanlucas commented Aug 31, 2021

Copy link
Copy Markdown
Contributor

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.

Before:

After:

@nodejs-github-botnodejs-github-bot added the doc Issues and PRs related to the documentations. label Aug 31, 2021
@evanlucas
evanlucas marked this pull request as ready for review August 31, 2021 15:47

@aduh95aduh95 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

@evanlucas

Copy link
Copy Markdown
ContributorAuthor

@aduh95 okay, pushed another commit with the suggested change. PTAL. Thanks!

Comment threaddoc/api_assets/style.css Outdated
Comment on lines 731 to 737

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This block doesn't seem to be necessary anymore.

Suggested change
@mediaonly screen and (max-width:576px) {
#gtoc>ul>li {
display: block;
border-right: none;
}
}

Copy link
Copy Markdown
ContributorAuthor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ack, removed it. Thanks!

@DerekNonGenericDerekNonGeneric left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not blocking since this seems useful, but just as heads up that we want to solve another semi-related problem that we have w/ our version picker and this may be getting revamped soon (see #36495).

/cc @ronag seeing as how this could be interesting to follow for documenting Undici version

@DerekNonGeneric

Copy link
Copy Markdown
Contributor

@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).

@evanlucas

Copy link
Copy Markdown
ContributorAuthor

@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`.
@aduh95aduh95 added author ready PRs that have at least one approval, no pending requests for changes, and a CI started. commit-queue Add this label to land a pull request using GitHub Actions. labels Sep 22, 2021
@github-actionsgithub-actionsBot removed the commit-queue Add this label to land a pull request using GitHub Actions. label Sep 22, 2021
@github-actions

Copy link
Copy Markdown
Contributor

Landed in 24cc239...c89d519

nodejs-github-bot pushed a commit that referenced this pull request Sep 22, 2021
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>
targos pushed a commit that referenced this pull request Oct 4, 2021
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>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

author readyPRs that have at least one approval, no pending requests for changes, and a CI started.docIssues and PRs related to the documentations.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants

@evanlucas@DerekNonGeneric@jasnell@lpinca@tniessen@aduh95@nodejs-github-bot