[OCaml] High Intensity Training Online
fix stroke the series as lines, not filled polygons
The CSS set fill on .chart-series, which overrode the polyline's inline fill="none" (a presentation attribute loses to a stylesheet rule), so each series rendered as a filled shape. Set fill: none on the series and colour only the stroke, leaving a plain line chart as intended.
lib/web/assets/hito.css
@@ -804,9 +804,9 @@
804
804
}
805
805
.chart-axis { stroke: var(--rule-strong); stroke-width: 1; }
806
806
.chart-tick { font: 500 0.7rem var(--mono); fill: var(--muted-ink); }
807
Removed:
.chart-series { stroke-width: 2; }
808
Removed:
.chart-series.weight { stroke: var(--oxblood); fill: var(--oxblood); }
809
Removed:
.chart-series.reps { stroke: var(--brass); fill: var(--brass); }
807
Added:
.chart-series { fill: none; stroke-width: 2; }
808
Added:
.chart-series.weight { stroke: var(--oxblood); }
809
Added:
.chart-series.reps { stroke: var(--brass); }
810
810
@keyframes logbook-detail-open {
811
811
from { opacity: 0; transform: translateY(-0.25rem); }
812
812
to { opacity: 1; transform: none; }