Urlaubsverwaltung, Sidebar & UI-Optimierungen

Neue Gantt-Chart Jahresuebersicht fuer die Urlaubsverwaltung, einklappbare Desktop-Sidebar mit Bubble-Hover-Effekt, Emoji-freie Settings-Views und Changelog-Link in der Navigation.

✨ Hinzugefuegt

• 📅

  Jahresuebersicht (Gantt-Chart Timeline)

  Neue visuelle Timeline-Ansicht mit horizontalen Balken fuer alle Urlaubs- und Abwesenheitseintraege. Mitarbeiter werden nach Standort gruppiert, Monate als Raster dargestellt. Ein roter Strich markiert den aktuellen Tag.

• 📄

  Tab-Navigation Urlaubsverwaltung

  Die Urlaubsverwaltung hat jetzt zwei Tabs: Antraege (bisherige Listenansicht) und Jahresuebersicht (neue Timeline). Das Tab-Design entspricht dem WaWi-Muster mit Pill-Style Tabs.

• 👁

  Interaktives Hover-Popover

  Beim Ueberfahren eines Urlaubsbalkens erscheint ein detailliertes Popover mit Mitarbeitername, Typ-Badge, Zeitraum, Anzahl Tage, Status-Badge und optionalem Kommentar.

• ⚡

  Direkte Aktionen im Popover

  Admins koennen direkt aus dem Popover heraus Urlaubsantraege genehmigen, ablehnen oder bearbeiten.

• 🎨

  Farbcodierung nach Typ und Status

  Urlaub (blau), Krank (rot), Sonderurlaub (lila) und offene Antraege (gelb) werden visuell unterschieden. Eine Legende am unteren Rand erklaert die Farben.

• 👁

  Einklappbare Sidebar (Desktop)

  Die Sidebar laesst sich per Toggle-Button auf Icon-Only-Modus minimieren. Der Zustand wird im localStorage gespeichert und bleibt ueber Sitzungen hinweg erhalten. Im minimierten Modus werden nur Icons mit Tooltips angezeigt.

• 💫

  Bubble-Hover-Effekt

  Beim Ueberfahren der Menuepunkte gleitet ein glasartiges Highlight sanft zwischen den Eintraegen. Der Effekt nutzt radial-gradient und cubic-bezier-Transitions fuer eine fluessige, wasserblasenartige Animation.

• 🔗

  Changelog-Link in der Sidebar

  Unterhalb der Versionsnummer erscheint ein subtiler «Was ist neu?»-Link, der direkt zur Changelog-Seite fuehrt und in einem neuen Tab oeffnet.

🔄 Verbessert

• 🗂

  Kalender und Kasse gruppiert

  Die Menuepunkte «Kalender» und «Kasse» sind jetzt in einer gemeinsamen Navigationsgruppe zusammengefasst fuer eine uebersichtlichere Struktur.

• 📄

  Kassen-Einstellungen ohne Emojis

  Alle Emojis in den Kassen-Einstellungen (POS Settings) wurden durch Lucide-Icons ersetzt. Tab-Styling wurde an die E-Mail-Einstellungen angeglichen (Slate-900 Underline).

• 📄

  Import-Einstellungen mit Tabs

  Die Import-Einstellungen haben jetzt eine Tab-Struktur (Import-Assistent / Verlauf) und verwenden Lucide-Icons statt Emojis. Das Design folgt dem einheitlichen Slate-Muster.

• 📄

  Arbeitszeitkonto: Cleaner Header

  Das dunkle Icon-Block-Element wurde aus dem Arbeitszeitkonto-Header entfernt. Der Titel «Arbeitszeitkonto» wird jetzt als reiner Text dargestellt.

🎯 Design

• *

  Smart-Positioning

  Das Popover erkennt automatisch, ob es ueber oder unter dem Balken erscheinen soll und wird am Viewport-Rand festgehalten. Beim Scrollen schliesst es sich automatisch.

• *

  Ring-Highlight

  Der aktive Urlaubsbalken erhaelt einen dezenten Ring-Glow-Effekt, damit sofort erkennbar ist, welcher Eintrag gerade ausgewaehlt ist.

• *

  Monochrome Navigation

  Aktive Menuepunkte erhalten ein bg-slate-900 Icon-Badge mit weissem Icon. Inaktive Items zeigen dezente Slate-Toene mit Hover-Darkening fuer ein premium Look & Feel.