diff --git a/css/event_create.css b/css/event_create.css index 49352e3..385a5fc 100644 --- a/css/event_create.css +++ b/css/event_create.css @@ -262,7 +262,7 @@ textarea:focus { } .option-grid--icon-choices .option-card--with-icon:has(input:disabled):hover .option-card__icon { - color: var(--blaxk); + color: var(--black); } .option-card input { diff --git a/css/event_overview.css b/css/event_overview.css index dd0d292..2f9ca03 100644 --- a/css/event_overview.css +++ b/css/event_overview.css @@ -107,8 +107,8 @@ transition: background-color 0.2s ease; } -.meta-filter input[type="date"]::-webkit-calendar-picker-indicator:hover { - filter: brightness(0.8); +.meta-filter input[type="date"]:hover::-webkit-calendar-picker-indicator { + filter: brightness(0.8); } .meta-filter select { @@ -265,28 +265,6 @@ cursor: not-allowed; } -/* --------------------------------------------------------- - Overview Empty State ---------------------------------------------------------- */ -.empty-state { - text-align: center; - padding: var(--space-32) var(--space-40); - border-radius: var(--radius-lg); - background: var(--butter-light); -} - -.empty-state-kicker { - color: var(--olive); - font-size: 1rem; - font-weight: 400; -} - -.empty-state-link { - display: inline-block; - margin-top: 20px; - text-decoration: none; -} - /* --------------------------------------------------------- Detail Page diff --git a/css/my_profil.css b/css/my_profil.css index 11f76b2..8a083aa 100644 --- a/css/my_profil.css +++ b/css/my_profil.css @@ -138,40 +138,6 @@ .profile-event-actions { display: flex; align-items: center; - gap: var(); -} - -.profile-empty { - margin: 0; - color: var(--black); -} - -.profile-empty-state { - text-align: center; - padding: 2.4rem 1.3rem; - border: 2px solid var(--olive-light); - border-radius: var(--radius-lg); - background: rgba(255, 255, 255, 0.92); - box-shadow: 0 3px 12px rgba(102, 52, 13, 0.08); -} - -.profile-empty-kicker { - margin: 0 0 0.5rem; - color: var(--olive); - font-size: 0.8rem; - font-weight: 600; - letter-spacing: var(--ls-lg); -} - -.profile-empty-state h3 { - margin: 0; - font-size: 1.5rem; - color: var(--brown); -} - -.profile-empty-state p { - margin: 0.65rem auto 1rem; - max-width: 36rem; } .form-grid { diff --git a/css/stylesheet_global.css b/css/stylesheet_global.css index 6bfeb44..af28c58 100644 --- a/css/stylesheet_global.css +++ b/css/stylesheet_global.css @@ -445,7 +445,7 @@ label { background: transparent; color: var(--olive-dark); opacity: 0.6; - padding: var() 0 var(--space-6) var(--space-24); + padding: var(--space-6) 0 var(--space-6) var(--space-24); cursor: not-allowed; } @@ -584,6 +584,12 @@ label { color: var(--butter-light); } +.category-item.disabled { + opacity: 0.6; + pointer-events: none; + cursor: not-allowed; +} + .category-items { display: inline-flex; @@ -951,6 +957,28 @@ input:focus { border: 2px solid var(--olive); } +/* --------------------------------------------------------- + Overview Empty State +--------------------------------------------------------- */ +.empty-state { + text-align: center; + padding: var(--space-32) var(--space-40); + border-radius: var(--radius-lg); + background: var(--butter-light); +} + +.empty-state-kicker { + color: var(--olive); + font-size: 1rem; + font-weight: 400; +} + +.empty-state-link { + display: inline-block; + margin-top: 20px; + text-decoration: none; +} + /* Footer */ diff --git a/event_overview.html b/event_overview.html index 3585681..d962832 100644 --- a/event_overview.html +++ b/event_overview.html @@ -81,9 +81,9 @@ Nach Allergenen filtern
- - - + + +
diff --git a/js/event_overview.js b/js/event_overview.js index 59e4ba2..26119a7 100644 --- a/js/event_overview.js +++ b/js/event_overview.js @@ -586,7 +586,7 @@ if (snackbar) { snackbar.textContent = 'Du wurdest erfolgreich angemeldet.'; snackbar.classList.add('snackbar--visible'); - setTimeout(() => snackbar.classList.remove('snackbar--visible'), 4000); + setTimeout(() => snackbar.classList.remove('snackbar--visible'), 3000); } applyFilters(); }; @@ -613,7 +613,7 @@ setTimeout(() => { snackbar.classList.remove('snackbar--visible'); setTimeout(() => snackbar.classList.remove('snackbar--danger'), 400); - }, 4000); + }, 3000); } applyFilters(); }; diff --git a/js/my_profil.js b/js/my_profil.js index 6cde2fa..1977b5d 100644 --- a/js/my_profil.js +++ b/js/my_profil.js @@ -583,12 +583,12 @@ if (events.length === 0) { const emptyElement = document.createElement('div'); - emptyElement.className = 'profile-empty-state'; + emptyElement.className = 'empty-state'; emptyElement.innerHTML = ` -

Keine Treffer

+
Keine Treffer

${emptyStateConfig.title}

${emptyStateConfig.text}

- ${emptyStateConfig.buttonLabel} + ${emptyStateConfig.buttonLabel} `; container.appendChild(emptyElement); return;