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

UX: Formular-Buttons in Modal-Footer + Kalender-Icons amber

Browse source 
- Alle Formular-Buttons (health, praxen, diary, dog-profile, poison)
  aus dem scrollbaren Body in den festen Modal-Footer verschoben
  (form="form-id" Attribut, btn-Suche via document.querySelector)
- Kalender-Icon Filter korrigiert: brightness(0)+invert(0.55) vermeidet
  Channel-Clipping bei sepia auf Weiß → ergibt echtes Amber (~#C4843A)
- SW-Cache: by-v18 → by-v19
This commit is contained in:
rene 2026-04-13 21:12:15 +02:00
parent e5492841ec
commit 956e34db88
6 changed files with 57 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

8
backend/static/css/components.css
View file

@ -239,8 +239,10 @@
.form-control::placeholder { color: var(--c-text-muted); }
/* Kalender-Icon in Datumseingaben: Amber statt weiß/schwarz
color-scheme: light → Browser rendert schwarzes Icon → Filter tönt es amber */
/* Kalender-Icon in Datumseingaben: Amber statt schwarz
color-scheme: light → schwarzes Icon
invert(0.55) → mittleres Grau (vermeidet Clipping bei sepia auf Weiß)
→ sepia → saturate → brightness auf ~#C4843A bringen */
input[type="date"],
input[type="time"] {
color-scheme: light;
@ -248,7 +250,7 @@ input[type="time"] {
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
cursor: pointer;
filter: sepia(1) saturate(1.8) hue-rotate(-8deg) brightness(0.85);
filter: brightness(0) invert(0.55) sepia(1) saturate(4) brightness(0.77);
}
.form-control:focus {