diff --git a/src/app.html b/src/app.html index 43bad23..b279106 100644 --- a/src/app.html +++ b/src/app.html @@ -57,7 +57,7 @@ .license-active { background: rgba(16, 185, 129, 0.1); border-left: 4px solid var(--accent-green); } .license-expired { background: rgba(239, 68, 68, 0.1); border-left: 4px solid var(--accent-red); } .info-box { background: rgba(59, 130, 246, 0.1); border-left: 4px solid var(--accent-blue); padding: 10px; border-radius: 0 4px 4px 0; margin-bottom: 1.5rem; font-size: 0.9rem;} - .deadline-box { background: var(--surface-hover); padding: 1.5rem; border-radius: 8px; margin-top: 1.5rem; border-left: 4px solid var(--accent-orange); } + .deadline-box { background: var(--surface-hover); padding: 1.5rem; border-radius: 8px; border-left: 4px solid var(--accent-orange); } .deadline-item { padding: 8px; margin-bottom: 5px; border-radius: 4px; font-size: 0.9rem; } .deadline-warn { background: rgba(245, 158, 11, 0.1); border-left: 3px solid var(--accent-orange); } .deadline-danger { background: rgba(239, 68, 68, 0.2); border-left: 3px solid var(--accent-red); color: var(--accent-red); } @@ -65,10 +65,15 @@ /* Kalender CSS */ .cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; margin-top: 10px;} .cal-day-header { text-align: center; font-size: 0.75rem; color: var(--text-muted); font-weight: bold; margin-bottom: 5px; } - .cal-day { background: var(--bg-color); min-height: 50px; border-radius: 4px; padding: 5px; font-size: 0.8rem; position: relative; border: 1px solid transparent; } + .cal-day { background: var(--bg-color); min-height: 50px; border-radius: 4px; padding: 5px; font-size: 0.8rem; position: relative; border: 1px solid transparent; cursor: pointer; transition: background 0.2s; } + .cal-day:hover:not(.empty) { background: rgba(255,255,255,0.05); } .cal-day.today { border-color: var(--accent-blue); } - .cal-day.empty { background: transparent; } + .cal-day.empty { background: transparent; cursor: default; } .cal-event-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-top: 2px; margin-right: 2px; } + + /* Accordion CSS für native Details */ + details > summary { list-style: none; user-select: none; } + details > summary::-webkit-details-marker { display: none; } @@ -97,41 +102,52 @@
-

Mein Bereich

-

Übersicht deiner aktiven Projekt-Zuweisungen und offenen Aufgaben.

- -
- -
-

🚨 Anstehende Deadlines (7 Tage)

-
-
- - -
-
- -

Monat Jahr

- -
-
-
- Prio 1 - Prio 2 - Prio 3 - Projekt -
+
+
+

Mein Bereich

+

Dein Command Center: Deadlines, Projekte und Tasks im Überblick.

+ +
+ + +
+ + +
+
+

🚨 Deadlines (7 Tage)

+
+
+ +
+

Meine Projekte

+
+
+
-
-
-

Meine Projekte

-
+ +
+
+ +

Monat Jahr

+ +
+
+
+ Prio 1 + Prio 2 + Prio 3 + Projekt +
+
-
-

Meine Aufgaben (Gruppiert)

-
+ + +
+

Meine Aufgaben

+
@@ -154,7 +170,6 @@ + + +