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 @@Übersicht deiner aktiven Projekt-Zuweisungen und offenen Aufgaben.
- -Dein Command Center: Deadlines, Projekte und Tasks im Überblick.