#2618: Navigation.module.scss [DE]

projectforge-webapp/src/components/base/navigation/Navigation.module.scss SCSS-Modul (Navigationsstile), projectforge-webapp/src/components/base/navigation/Navigation.module.scss 119 Zeilen · 98 Code · 0 Kommentare · 21 leer

SCSS-Stile für das globale Navigationssystem. Wichtige Klassen: .globalNavigation — Navbar-Basis (1.1em Schrift, Abstände). .categoryContainer — Abstände der Kategorieblöcke. .categoryTitle — Großbuchstaben, 900er Schriftstärke, Buchstabenabstand, dunkelblau #031b4e. .categoryLinks — unformatierte Liste mit linkem Innenabstand, 14px Links (#5b6987 → #1a293b bei Hover). .categories — Flex-Spalte → Zeile bei mittlerem Breakpoint; .categoryColumn flex:1. .categoryListDropdownMenu — standardmäßig versteckt (visibility:hidden, width:1px), erweitert sich auf 730px/980px bei Öffnung mit weißem Hintergrund, Rahmen, z-index 9999. span.badge — Pill-Zähler (#dc3545 Gefahr, 1em Radius, fliegende Variante mit scale(0.75) + absolute Positionierung). Importiert Mixins für Media Queries + Transform.

Git-Verlauf

41bd5b6a8 Änderungen von npm-updates-2 wiederhergestellt.
0daf25ea2 Kategorie-Dropdown-Popper aktualisiert
568268e39 Menü-Badge behoben, Badge für unvollendete 2FA hinzugefügt.
27f8f8315 Korrektur des Safari-15-Fehlers in der Kategorienavigation
ede3e9916 Stil der Menükategorien verbessert