septianyoga09
/
septian_airpanaswebsite
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(navbar): tambah overflow visible dan z-index hierarchy untuk memastikan dropdown tidak terpotong

This commit is contained in:
ardhikaxx 2026-02-25 04:09:40 +07:00
parent 747ff1242e
commit 99b4d278cc
1 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
public/css/app.css
View File

@ -2011,11 +2011,12 @@ .user-dropdown {
min-width: 280px;
border: 1px solid rgba(16, 38, 50, 0.12);
border-radius: 14px;
box-shadow: 0 14px 32px rgba(10, 34, 46, 0.18);
box-shadow: 0 14px 32px rgba(10, 34, 46, 0.18) !important;
padding: 0.5rem;
margin-top: 0.5rem;
z-index: 99999;
z-index: 99999 !important;
position: absolute !important;
will-change: transform;
}
.user-dropdown .dropdown-header {
@ -2148,12 +2149,37 @@ @media (max-width: 1199.98px) {
/* Ensure navbar container doesn't clip dropdown */
.site-navbar .container {
position: static;
overflow: visible !important;
}
.site-navbar .navbar-collapse {
position: static;
overflow: visible !important;
}
.site-navbar .nav-auth-actions {
position: static;
overflow: visible !important;
}
.site-navbar .dropdown {
position: relative;
overflow: visible !important;
}
/* Ensure main content doesn't interfere */
.main-content {
position: relative;
z-index: 1;
}
.site-main-container {
position: relative;
z-index: 1;
}
/* Ensure hero sections have lower z-index */
.home-shell {
position: relative;
z-index: 1;
}