kai/pingu-concerts
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

Collapse advanced event search filters

Browse Source
This commit is contained in:
kai
2026-08-27 20:55:32 +02:00
parent a6a8358eb6
commit 46a4d90850
2 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/css/style.css
+8 -2
View File
@@ -494,14 +494,20 @@ h1, .page-title h1 {
.comment-meta { display:flex; justify-content:space-between; gap:12px; color:var(--muted); font-size:.9rem; }
.comment-meta strong { color:var(--text); }
.comment p { margin:10px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.search-form select { margin:0; padding:10px 12px; color:var(--text); background:#101010; border:1px solid var(--border); border-radius:9px; font:inherit; }
.clear-filters { grid-column:1 / -1; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; color:#fca5a5; border:1px solid var(--border); border-radius:9px; background:#171212; white-space:nowrap; }
.search-form select, .advanced-filters input { margin:0; padding:10px 12px; color:var(--text); background:#101010; border:1px solid var(--border); border-radius:9px; font:inherit; }
.advanced-filters { grid-column:1 / -1; border:1px solid var(--border); border-radius:9px; background:#0d0d0d; }
.advanced-filters summary { padding:10px 12px; color:#fca5a5; cursor:pointer; font-weight:700; }
.advanced-filter-fields { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; padding:0 12px 12px; }
.advanced-filter-fields label { display:grid; gap:5px; color:var(--muted); font-size:.85rem; }
.advanced-filter-fields select { width:100%; }
.clear-filters { grid-column:1 / -1; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; color:#fca5a5; border:1px solid var(--border); border-radius:9px; background:#171212; white-space:nowrap; justify-self:start; }
.clear-filters:hover { border-color:#ef4444; color:#fff; }
.ticket-button-container, .detail-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:22px; }
.calendar-export { display:flex; justify-content:center; margin-top:12px; }
.ticket-button, .concert-action { display:inline-flex; padding:11px 16px; border:1px solid #b91c1c; border-radius:9px; background:#7f1d1d; color:#fff; font-weight:700; }
.concert-action-delete { background:#450a0a; cursor:pointer; }
@media (max-width:600px) { .detail-topbar { align-items:flex-start; } .concert-detail { padding:16px; } .comment-meta { flex-direction:column; gap:4px; } }
@media (max-width:700px) { .advanced-filter-fields { grid-template-columns:1fr; } }
@media (max-width: 600px) {
.logo { max-width: 150px; }