Skip to content

Previous/next navigation can be too wide on small screens #2486

Description

@krzysdz

Example on https://expressjs.com/en/guide/migrating-4/ (with #2485 (preview), because without it tables cause the same problem):

Screenshot of a mobile preview of "Migrating to Express 4" guide. Previous and Next buttons in bottom navigation both have long descriptions and are placed on the same line. They are too wide, causing a gap on the right in remaining sections on the website.

Possible solutions

  1. flex-wrap: wrap-reverse in .doc-nav - I think that "Next" being above "Previous" should make the navigation easier (most of the time people are reading from start to the end)
    Same preview as earlier, but now the Next button shows above the Previous button and both have arrows, which were not visible earlier. The page is sized correctly.
  2. flex-wrap: wrap in .doc-nav
    Screenshot similar to the one above (point 1), but the Previous button is above Next.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugdesignChange, update, or fix for site UI (not content)

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions