Version 0.0.5 - Home Assistant Frontend Styling
Diese Version übernimmt die exakten Styles aus dem Home Assistant Frontend für ein perfektes, natives Erscheinungsbild.
🎨 Änderungen
Adoptierte exakte Styles von HA Frontend input_datetime Entity Row:
- ✅ Verwendet Material Design CSS Custom Properties (--mdc-text-field-*)
- ✅ Kopiert hui-generic-entity-row Struktur und Spacing
- ✅ Implementiert ha-date-input/ha-time-input Styling
- ✅ Nutzt --state-icon-color\ für Icons
- ✅ Border-radius 4px 4px 0 0 für Material Text Field Look
- ✅ Roboto Font Family (wie HA)
- ✅ Zentrierte Zeit-Anzeige
- ✅ Korrekte Hover und Focus States
🎯 Technische Details
Border & Background:
- Border: 1px solid --mdc-text-field-idle-line-color\
- Background: --mdc-text-field-fill-color\ (whitesmoke)
- Hover: --mdc-text-field-hover-line-color\
- Focus/Active: 2px solid --mdc-theme-primary\
Analysierte Komponenten:
- \hui-generic-entity-row\ (Entity Row Layout)
- \hui-input-datetime-entity-row\ (Datetime Entity Row)
- Material Design Text Field Komponenten
Ergebnis: Pixel-perfekte Übereinstimmung mit nativen HA Datetime Cards! 🎉
📦 Installation
Via HACS (empfohlen):
- HACS → Integrationen → ⋮ → Benutzerdefinierte Repositories
- Repository: \https://github.com/diestrohs/time-spinner-card\
- Kategorie: Lovelace
- Installieren und Browser-Cache leeren
Manuell:
\\�ash
cd config/www
wget https://github.com/diestrohs/time-spinner-card/releases/download/v0.0.5/time-spinner-card.js
\\
📚 Ressourcen
- README - Dokumentation & Beispiele
- HACS PR #5310 - Wartet auf Approval
- Changelog - Alle Versionen