Timeline: no icon outline on the chart
The global "svg { stroke: currentColor; stroke-width: 2 }" rule for icons
also applied to the timeline SVG, which is stretched horizontally: each
bar got a ~45 px wide light outline and the whole timeline looked white.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
ebf6340ff0
commit
fd8d133b9c
1 file changed
+1
-1
+1
-1
@@ -262,7 +262,7 @@ body.busy .progress::after {
|
|||||||
position: relative; height: var(--histo-h, 80px); cursor: crosshair; touch-action: none;
|
position: relative; height: var(--histo-h, 80px); cursor: crosshair; touch-action: none;
|
||||||
border-bottom: 1px solid var(--border);
|
border-bottom: 1px solid var(--border);
|
||||||
}
|
}
|
||||||
.h-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
|
.h-svg { position: absolute; inset: 0; width: 100%; height: 100%; stroke: none; } /* no icon outline (global svg rule): it would be stretched with the bars */
|
||||||
.h-svg rect { shape-rendering: crispEdges; }
|
.h-svg rect { shape-rendering: crispEdges; }
|
||||||
.h-svg .l-err { fill: var(--h-err); }
|
.h-svg .l-err { fill: var(--h-err); }
|
||||||
.h-svg .l-warn { fill: var(--h-warn); }
|
.h-svg .l-warn { fill: var(--h-warn); }
|
||||||
|
|||||||
Reference in new issue
Block a user