jens/TimeTrack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix user menu in dark mode.

Browse Source
This commit is contained in:
Jens Luedicke
2025-07-18 19:14:55 +02:00
parent 9b9553ff8b
commit c03b27b960
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
static/css/dark-mode.css
View File

@@ -656,6 +656,7 @@
background-color: var(--dropdown-bg) !important; background-color: var(--dropdown-bg) !important;
border: 1px solid var(--border-primary); border: 1px solid var(--border-primary);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
z-index: 1000 !important; /* Ensure dropdown is above other elements */
} }
[data-theme="dark"] .user-dropdown-header { [data-theme="dark"] .user-dropdown-header {
@@ -685,6 +686,13 @@
border-top: 1px solid var(--border-primary); border-top: 1px solid var(--border-primary);
} }
/* Fix dropdown toggle interaction in dark mode */
[data-theme="dark"] .user-dropdown-toggle {
position: relative;
z-index: 10;
cursor: pointer;
}
/* Override mobile-specific white background */ /* Override mobile-specific white background */
@media (max-width: 1024px) { @media (max-width: 1024px) {
[data-theme="dark"] .sidebar.active .user-dropdown-modal.active, [data-theme="dark"] .sidebar.active .user-dropdown-modal.active,