- Notifications
You must be signed in to change notification settings - Fork 4k
Closed
Labels
bugIssue reports a bugIssue reports a bugresolvedIssue is resolved, yet unreleased if openIssue is resolved, yet unreleased if open🏆 perfectIssue is of outstanding qualityIssue is of outstanding quality
Description
Context
The footer displays incorrectly based on the page width and footer.previous and footer.next text length.
It's more visible on other languages than English, e.g. Polish.
Bug description
There are 2 issues, the first could be just my preference, but I'll still attach it here:
- If the page width is too small (mobile-like) then the left footer text disappears. My expectation is that the text will stay, and if there is too little space to display the whole text of both the
previousandnextbuttons, then thenextbutton should move below thepreviousbutton. I only fixed the disappearing text to stay like so:
@media screen and (max-width: 44.9375em) { .md-footer__link--prev .md-footer__title { display: block; } }- The
footer.previousandfooter.nexttext gets cut off when the page title is shorter than either of them. Thefooter.nextpage title position can also shift a little in line height. Thefooter.nextalso isn't aligned to the page title by the right border. One quick fix is to setflex-growto0.5or higher like so:
.md-footer__link { flex-grow: 1; }Related links
- Reporting a bug
- Related discussion Previous page text is shown only partially when page name is short #5280
Reproduction
Steps to reproduce
- Open the example site.
- Navigate to
B. - Decrease the width of the viewport.
- Notice that at some point the
Previousbutton content disappears.
- Open the example site.
- Navigate to
B. - On 1080p, notice that
Previousis cut off and onlyPreviouis visible, notice thatNextisn't properly aligned with theCtitle. - Open
BBB...and see thatPreviousis fully visible and thatNextis properly aligned withC. - If you need a stronger example, change
theme.languagetopl.
There is also a video with a "reproduction" in the discussion linked above.
Browser
No response
Before submitting
- I have read and followed the bug reporting guidelines.
- I have attached links to the documentation, and possibly related issues and discussions.
- I assure that I have removed all customizations before submitting this bug report.
- I have attached a .zip file with a minimal reproduction.
kamieniarz
Metadata
Metadata
Assignees
Labels
bugIssue reports a bugIssue reports a bugresolvedIssue is resolved, yet unreleased if openIssue is resolved, yet unreleased if open🏆 perfectIssue is of outstanding qualityIssue is of outstanding quality