rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UX: Modal-Rand, Icon-Farben, Adresse aufgeteilt

Browse source 
- Tierarzt-Adresse: strasse / plz / ort statt einzeiligem Freitext
- Modal: Rand in Primärfarbe + kein versehentliches Schließen beim Klick auf Hintergrund
- Nav/Sidebar-Icons: inaktiv gedämpft, aktiv amber-getönt (CSS filter)
- Datums-Kalender-Icon: ebenfalls amber statt Schwarz
- SW-Cache → by-v8
This commit is contained in:
rene 2026-04-13 20:16:36 +02:00
parent fc0f48c6d0
commit dee8d10496
7 changed files with 59 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

10
backend/static/css/layout.css
View file

@ -142,6 +142,11 @@
font-size: 22px;
line-height: 1;
position: relative;
filter: saturate(0.35) brightness(0.75);
transition: filter var(--transition-fast);
}
.nav-item.active .nav-item-icon {
filter: sepia(0.7) saturate(1.8) hue-rotate(-8deg) brightness(0.9);
}
/* Ungelesen-Badge auf Nav-Icon */
@ -308,6 +313,11 @@
width: 24px;
text-align: center;
flex-shrink: 0;
filter: saturate(0.35) brightness(0.75);
transition: filter var(--transition-fast);
}
.sidebar-item.active .sidebar-item-icon {
filter: sepia(0.7) saturate(1.8) hue-rotate(-8deg) brightness(0.9);
}
.sidebar-item-badge {
margin-left: auto;