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

fix(ui): Mobile notification dropdown renders as bottom sheet
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 
Notifications dropdown was clipped on mobile phones due to absolute
positioning and min-width: 320px. Changed to fixed bottom sheet on
screens ≤768px for native-like UX.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-02-14 17:42:58 +01:00
parent 816d4b9782
commit 6af95fc92a
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
templates/base.html
View File

@ -545,6 +545,27 @@
}
}
@media (max-width: 768px) {
.notifications-dropdown {
position: static;
}
.notifications-menu {
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
min-width: unset;
max-width: unset;
width: 100%;
max-height: 60vh;
border-radius: var(--radius) var(--radius) 0 0;
box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
z-index: 1000;
}
}
/* ============================================================
* BUTTONS
* ============================================================ */