Skip to content

fix docs sidebar contrast and logo overlap in light mode - #563

Open
tarone-saloni wants to merge 1 commit into
containers:mainfrom
tarone-saloni:fixed-issue-562
Open

fix docs sidebar contrast and logo overlap in light mode#563
tarone-saloni wants to merge 1 commit into
containers:mainfrom
tarone-saloni:fixed-issue-562

Conversation

@tarone-saloni

@tarone-saloni tarone-saloni commented Jul 28, 2026

Copy link
Copy Markdown

Fixes #562

This PR fixes multiple UI issues that occurred on the documentation pages after resizing the browser window in Light Mode.

Changes
Fixed the visibility of the "Back to main menu" text in Light Mode.
Fixed the menu background overlapping the Podman logo.
Improved the visibility of the "On this page" text after the responsive layout is triggered.

Testing
☑️ Verified the fixes on documentation pages.
☑️ Tested by resizing the browser window to smaller desktop widths.
☑️ Confirmed that all affected elements remain readable and properly aligned in Light Mode

back to main menu and the on this page toggle were forced white
everywhere on the site, not just the top navbar, so they turned
invisible on the docs page's white backgrounds in light mode. scoped
that rule to the actual top navbar bar instead, and gave the back
button its own readable color plus a bit of top margin so it stops
touching the logo.

Signed-off-by: Saloni Tarone <taronesaloni@gmail.com>
@tarone-saloni

Copy link
Copy Markdown
Author

@ashley-cui PLAT

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Documentation page has UI issues after resizing

1 participant