From 4dcc0a4e655b0178a7733954bf75df3cff9ef07a Mon Sep 17 00:00:00 2001 From: Martin Kagamino Lehoux Date: Mon, 24 Aug 2026 13:36:41 +0200 Subject: Ride type multiselect filter with a checkbox group across library and analytics --- web/static/style.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'web/static/style.css') diff --git a/web/static/style.css b/web/static/style.css index 4ada7b1..5442ea8 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -112,6 +112,10 @@ th { color: var(--color-subtle); font-size: .78rem; letter-spacing: .08em; text- .date-filter-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-top: .5rem; } .route-filter { align-self: end; } select { border: 1px solid var(--color-input-border); border-radius: .55rem; padding: .65rem .7rem; font: inherit; color: inherit; background: var(--color-surface); } +.ride-filter-meta select:focus-visible { outline: .2rem solid var(--color-focus); outline-offset: .1rem; } +.ride-type-options { display: grid; gap: .3rem; margin-top: .5rem; } +.ride-type-option { display: flex; align-items: center; gap: .5rem; color: var(--color-foreground); cursor: pointer; } +.ride-type-option input { accent-color: var(--color-accent); } .ride-filter-actions { display: flex; justify-content: flex-end; gap: .75rem; flex-wrap: wrap; } .map-panel { padding: 0; overflow: hidden; } .ride-map { min-height: 24rem; height: min(65vh, 40rem); } -- cgit v1.3