Fix "flashing" of side nav under dark mode

This commit is contained in:
Jeremy Stretch 2024-07-18 09:18:50 -04:00
parent 1ac8148347
commit 33ab3eabf8
2 changed files with 5 additions and 3 deletions

Binary file not shown.

View File

@ -1,9 +1,6 @@
// Navbar and light theme styling // Navbar and light theme styling
.navbar-vertical.navbar-expand-lg { .navbar-vertical.navbar-expand-lg {
// Background Gradient
background: linear-gradient(180deg, rgba(0, 133, 125, 0.00) 0%, rgba(0, 133, 125, 0.10) 100%), #FFF;
// Adjust hover color & style for menu items // Adjust hover color & style for menu items
.navbar-collapse { .navbar-collapse {
.nav-link-icon { .nav-link-icon {
@ -95,6 +92,11 @@
} }
} }
// Light theme styling
body[data-bs-theme=light] .navbar-vertical.navbar-expand-lg {
background: linear-gradient(180deg, rgba(0, 133, 125, 0.00) 0%, rgba(0, 133, 125, 0.10) 100%), #FFF;
}
// Dark theme styling // Dark theme styling
body[data-bs-theme=dark] .navbar-vertical.navbar-expand-lg { body[data-bs-theme=dark] .navbar-vertical.navbar-expand-lg {