Fix distorted sparkline labels: render as HTML overlay instead of SVG text

This commit is contained in:
marvin
2026-09-13 20:15:35 -04:00
parent 4e624323e4
commit d24edf4d6a
4 changed files with 36 additions and 9 deletions
+4 -1
View File
@@ -145,7 +145,10 @@
<p id="performance-summary" class="muted feature-note">No requests recorded yet. <span id="performance-last-checked">Not checked yet.</span></p>
<section class="dashboard-panel">
<div class="panel-heading"><div><p class="eyebrow">Trend</p><h2 id="performance-trend-title">Requests · last 6 hours</h2></div></div>
<svg id="performance-sparkline" class="performance-sparkline" viewBox="0 0 600 140" preserveAspectRatio="none" aria-label="Request volume trend"></svg>
<div class="performance-sparkline-wrap">
<svg id="performance-sparkline" class="performance-sparkline" viewBox="0 0 600 140" preserveAspectRatio="none" aria-label="Request volume trend"></svg>
<div id="performance-sparkline-labels" class="performance-sparkline-labels"></div>
</div>
</section>
<section class="dashboard-panel">
<div class="panel-heading"><div><p class="eyebrow">Per-route</p><h2>Throughput by domain</h2></div></div>