Skip to content

Casimir43/enhancement/667 refactor desktop navbar - #680

Open
Casimir43 wants to merge 8 commits into
devfrom
Casimir43/enhancement/667-refactor-desktop-navbar
Open

Casimir43/enhancement/667 refactor desktop navbar#680
Casimir43 wants to merge 8 commits into
devfrom
Casimir43/enhancement/667-refactor-desktop-navbar

Conversation

@Casimir43

@Casimir43 Casimir43 commented Aug 31, 2026

Copy link
Copy Markdown

📄 Pull Request Overview

Closes #667

🔧 Changes Made

Refactored the desktop navbar to render a per-item dropdown under each link instead of full-width dropdown bar. Each dropdown opens on hover and closes on escape or outside click.

Cleaned dead code: removed unused isCollapsed prop and unused .collapsed from scss.
Added simple test covering render, triggers,hover/close, escape dismissal and classname props.


Checklist Before Submission

  • Functionality: I have tested my code, and it works as expected.✅
  • JSDoc: I have added or updated JSDoc comments for all relevant code.✅
  • Debugging: No console.log() or other debugging statements are left.✅
  • Clean Code: Removed commented-out or unnecessary code.✅
  • Tests: Added new tests or updated existing ones for the changes made.✅
  • Documentation: Documentation has been updated (if applicable).✅

📝 Additional Information

Provide any additional context or information that reviewers may need to know:

Mobile still filters dropdown items out of the hamburger menu.

- drop the unused isCollapsed prop, its class toggles, and the auth/lang dropdown guards it fed into
- remove the 4 unused .collapsed style blocks from the module stylesheet
- cover nav element, top-level triggers, open-on-hover with the dropdownMenuOpen class, close-on-leave, and Escape dismissal
- verify marginTop style and custom className props
@Varkopat

Varkopat commented Sep 1, 2026

Copy link
Copy Markdown

It seems that you forgot to switch main branch to dev:

image

@Varkopat

Varkopat commented Sep 3, 2026

Copy link
Copy Markdown

Great work! Looks like you have followed the proposed implementation of the issue very well.

@Casimir43
Casimir43 changed the base branch from main to dev September 3, 2026 21:50
@Casimir43

Copy link
Copy Markdown
Author

It seems that you forgot to switch main branch to dev:

image

Good catch. Switched to dev

@Skoivumaki Skoivumaki 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.

Incredible, I found nothing to complain about at all. Navbar looks and functions perfectly! 👍
So Im gonna nitpick instead: when viewport is between 1201-1300px the action buttons collide with navbar text. This is a very rare case scenario and unlikely to happen, but it does. I noticed the larger text breakpoint is above 1200px, so maybe make it actually trigger above 1300px? (if possible)

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.

Refactor Desktop Navbar to use individual dropdown menus

3 participants