denozord/router-lists-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(App.css): adjust z-index values for sidebar overlay and navbar to ensure proper clickability and visibility

Browse Source
This commit is contained in:
denozord
2026-02-24 00:28:43 +07:00
parent 3f41bd4c7c
commit a44b49fdeb
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.css
+3 -2
View File
@@ -374,6 +374,7 @@ body.sidebar-overlay-open {
flex-shrink: 0; flex-shrink: 0;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
z-index: 1041; /* выше бэкдропа (1035), чтобы меню и верхняя полоса были кликабельны */
} }
.page .navbar-vertical > .container-fluid { .page .navbar-vertical > .container-fluid {
flex-direction: row !important; flex-direction: row !important;
@@ -399,7 +400,7 @@ body.sidebar-overlay-open {
.page .navbar-vertical .navbar-toggler { .page .navbar-vertical .navbar-toggler {
padding: 0.5rem; padding: 0.5rem;
} }
/* Меню скрыто по умолчанию, при открытии — оверлей слева */ /* Меню скрыто по умолчанию, при открытии — оверлей слева (z-index внутри контекста навбара) */
.page .navbar-vertical .navbar-collapse { .page .navbar-vertical .navbar-collapse {
position: fixed; position: fixed;
top: 0; top: 0;
@@ -407,7 +408,7 @@ body.sidebar-overlay-open {
bottom: 0; bottom: 0;
width: min(100vw, 280px); width: min(100vw, 280px);
max-width: 280px; max-width: 280px;
z-index: 1040; z-index: 1042;
background: #1e293b; background: #1e293b;
margin: 0; margin: 0;
padding: 1rem 0; padding: 1rem 0;