maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(ux): fix user dropdown menu positioning on desktop
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
Details
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
Details
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
Details
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Details

Browse Source 
Menu was placed outside header (for iOS z-index stacking) but used
position:absolute relative to body, rendering it below viewport.
Changed to position:fixed with dynamic top calculated from trigger
button position via getBoundingClientRect.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-31 13:13:13 +02:00
parent 0b13d80164
commit 3a266f504e
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
templates/base.html
View File

@ -934,9 +934,8 @@
.user-menu {
display: none;
position: absolute;
top: calc(100% + 4px);
right: 0;
position: fixed;
right: 16px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius);
@ -2122,6 +2121,15 @@
if (navMenu) navMenu.classList.remove('active');
}
userDropdown.classList.add('active');
// Position menu below the trigger button (fixed positioning)
if (window.innerWidth > 768) {
var trigger = userDropdown.querySelector('.user-trigger');
if (trigger) {
var rect = trigger.getBoundingClientRect();
userMenu.style.top = (rect.bottom + 4) + 'px';
userMenu.style.right = (window.innerWidth - rect.right) + 'px';
}
}
userMenu.classList.add('show');
if (overlay) overlay.classList.add('show');
}