Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(docs): fix home header width so the menu doesn't jump around when navigating #4560

Merged
merged 1 commit into from
May 14, 2024

Conversation

jippi
Copy link
Contributor

@jippi jippi commented May 14, 2024

what

The home page had a forced max-width of 960px for the top nav bar, making it look like this (pic 1)

Zight 2024-05-14 at 10 43 52 PM jpg

meaning that when you navigate to any other page, the top bar would "jump" and all icons/menus would get new placements, making for a surprising change in layout and "jolt" to the reading process (pic 2)
Zight 2024-05-14 at 10 44 40 PM jpg

With this change, the top bar is consistently sized and placed across all pages (pic 3), making for a more consistent and easier to scan experience for folks

Zight 2024-05-14 at 10 46 12 PM jpg

This is consistent with how the native VitePress them work as well

--

Navigating from homepage to docs and then going back and forth in history shows this clearly

@jippi jippi requested review from a team as code owners May 14, 2024 20:47
@jippi jippi requested review from GenPage, lukemassa and nitrocode and removed request for a team May 14, 2024 20:47
@chenrui333 chenrui333 merged commit dccb3d3 into runatlantis:main May 14, 2024
25 checks passed
@jippi jippi deleted the fix-home-header branch May 14, 2024 20:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants