diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-08-24 13:36:41 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-08-24 13:36:41 +0200 |
| commit | 4dcc0a4e655b0178a7733954bf75df3cff9ef07a (patch) | |
| tree | 6acca3eba2b94dbed9d759295149cd51551ed9cf /web/static | |
| parent | e85150b7e1f2191e9ef39c969f041d27aec33643 (diff) | |
Ride type multiselect filter with a checkbox group across library and analytics
Diffstat (limited to 'web/static')
| -rw-r--r-- | web/static/style.css | 4 |
1 files changed, 4 insertions, 0 deletions
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); } |