Skip to content

Fix top nav for small viewports#920

Merged
rhusar merged 1 commit into
wildfly:mainfrom
hpehl:fix-nav
Jun 29, 2026
Merged

Fix top nav for small viewports#920
rhusar merged 1 commit into
wildfly:mainfrom
hpehl:fix-nav

Conversation

@hpehl

@hpehl hpehl commented Jun 25, 2026

Copy link
Copy Markdown
Contributor

Links in the top navigation flow out of their container for small viewport sizes.

top-nav-broken

This PR fixes this by setting the overflow CSS property.

@hpehl hpehl requested review from bstansberry and jasondlee June 25, 2026 13:52
@github-actions

Copy link
Copy Markdown

A preview of this PR is available at https://pr-920-wildfly-org.surge.sh

- Fix top nav for viewports lower than 1570px
- Change .nav-list from position:relative to position:absolute so the
  hamburger menu overlays page content instead of pushing it down
- Prevent auto-hide of nav bar while the menu is open to stop the menu
  from sliding off-screen on scroll
- Rename main.js to index.js so the Quarkus Web Bundler includes JS
  in the dev bundle (no production impact)
@hpehl

hpehl commented Jun 25, 2026

Copy link
Copy Markdown
Contributor Author

I fixed a few more things while doing local tests:

  • The navigation menu overlays content instead of pushing it down
  • The navigation menu stays when scrolling
  • Fix JS not included in the dev bundle (no impact on production builds)

@rhusar rhusar left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

LGTM, I was able to reproduce the issue on https://www.wildfly.org/ and I see it fixed in here.

@rhusar rhusar merged commit d4b1d1a into wildfly:main Jun 29, 2026
1 check passed
@rhusar

rhusar commented Jun 29, 2026

Copy link
Copy Markdown
Member

Thanks @hpehl and @jasondlee

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.

3 participants