diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-08-27 18:05:59 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-08-27 18:05:59 +0200 |
| commit | 558f755f5746a4ee819de87579951b7533688e5d (patch) | |
| tree | ced2f96966a5aee90a7756e0c01f0b1295a2a55d /web/static/style.css | |
| parent | 751af663f38e174203c10438e5ef36277e93cd68 (diff) | |
Categorise OSM passes by highway and colour them on the ride detail map
Passes are extracted from OSM PBF nodes (mountain_pass=yes) and linked to
containing ways; highway road values map to road, track to track,
path/footway to path, plus hiking for rock/climbing. All passes are kept,
coloured distinctly (road/track/path/hiking/unknown) for road-bike validation
on ride 397. Single squashed migration adds category column, cheap to re-extract.
Diffstat (limited to 'web/static/style.css')
| -rw-r--r-- | web/static/style.css | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/web/static/style.css b/web/static/style.css index 755a5cb..61e482a 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -47,6 +47,11 @@ --color-profile-3-6: oklch(58% 0.17 255deg); --color-profile-6-9: oklch(58% 0.2 25deg); --color-profile-9-plus: oklch(0% 0 0deg); + --color-pass-road: oklch(51% 0.14 154deg); + --color-pass-track: oklch(58% 0.11 85deg); + --color-pass-path: oklch(65% 0.17 48deg); + --color-pass-hiking: oklch(52% 0.07 265deg); + --color-pass-unknown: oklch(70% 0.04 155deg); --color-category-1: oklch(65% 0.16 15deg); --color-category-2: oklch(65% 0.16 60deg); --color-category-3: oklch(65% 0.16 105deg); @@ -129,6 +134,11 @@ select { border: 1px solid var(--color-input-border); border-radius: .55rem; pad .ride-map { min-height: 24rem; height: min(65vh, 40rem); } .ride-map-pass-icon { display: grid; place-items: center; width: 1.75rem !important; height: 1.75rem !important; border: 2px solid var(--color-surface); border-radius: 50%; background: var(--color-leaf); color: var(--color-on-dark); box-shadow: 0 .15rem .4rem var(--color-panel-shadow); } .ride-map-pass-icon svg { width: 1.15rem; height: 1.15rem; } +.ride-map-pass-icon-road { background: var(--color-pass-road); } +.ride-map-pass-icon-track { background: var(--color-pass-track); } +.ride-map-pass-icon-path { background: var(--color-pass-path); } +.ride-map-pass-icon-hiking { background: var(--color-pass-hiking); } +.ride-map-pass-icon-unknown { background: var(--color-pass-unknown); } .ride-map-climb-start-icon, .ride-map-climb-end-icon { display: grid; place-items: center; width: 1.625rem !important; height: 1.625rem !important; border: 2px solid var(--color-surface); box-shadow: 0 .15rem .4rem var(--color-panel-shadow); } .ride-map-climb-start-icon { border-radius: 50%; background: var(--color-forest); color: var(--color-on-dark); } .ride-map-climb-end-icon { border-radius: .3rem; background: var(--color-accent); color: var(--color-on-dark); } |