fix(mobile): admin dropdown bottom-sheet zamiast overflow-x
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

overflow-x:auto na admin-bar obcinał absolutnie pozycjonowane dropdown menu.
Zmieniono na flex-wrap + bottom-sheet pattern (position:fixed, bottom:0)
na mobilce, identyczny jak w notyfikacjach.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-20 22:21:44 +01:00
parent f16058400b
commit 7fc0403da6

View File

@ -538,12 +538,8 @@
}
@media (max-width: 768px) {
.admin-bar {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.admin-bar-inner {
min-width: max-content;
flex-wrap: wrap;
}
.admin-bar-label {
font-size: 10px;
@ -554,6 +550,19 @@
padding: 8px 10px;
white-space: nowrap;
}
.admin-dropdown-menu {
position: fixed;
top: auto;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-height: 60vh;
overflow-y: auto;
border-radius: var(--radius) var(--radius) 0 0;
box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
z-index: 1000;
}
}
/* Mobile menu toggle */