diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-08-17 13:18:25 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-08-17 13:18:25 +0200 |
| commit | 706edc84d855ea46d3c8faee82090cfaf0a7b515 (patch) | |
| tree | fbb6700d5d6f515734dcf410310d01134cfeeaea /web/static/style.css | |
| parent | b626f15b6e40311143cdec91728046dc79e0d328 (diff) | |
feat(web): mark climb boundaries on ride maps
Diffstat (limited to 'web/static/style.css')
| -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 002407b..b984da8 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -90,6 +90,10 @@ th { color: var(--color-subtle); font-size: .78rem; letter-spacing: .08em; text- .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-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); } +.ride-map-climb-start-icon svg, .ride-map-climb-end-icon svg { width: 1.1rem; height: 1.1rem; } .profile-panel { padding-bottom: 1rem; } .profile-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; } .profile-heading h2 { margin: 0; font-size: 1.2rem; } |