Skip to content

v0.9.3 — Fix trend-arrow alignment: pin glyphs to a fixed width

Choose a tag to compare

@Blogshot Blogshot released this 15 Sep 11:20
· 3 commits to main since this release

Fix

↑/↓/→ sind in keiner Schriftart gleich breit — dadurch verschob sich bei linksbündigem Text (Callouts/Donut-Ring, text-anchor="end") der Wert je nach angezeigter Richtung nach links oder rechts, und bei rechtsbündigem Text landete der Pfeil an unterschiedlichen Positionen. Nichts stand mehr sauber in einer Spalte.

Fix: Die SVG-Pfeile (Callouts, Donut-Ring) bekommen jetzt textLength/lengthAdjust="spacingAndGlyphs", wodurch das Zeichen immer exakt gleich breit gerendert wird, unabhängig davon welches der drei es ist. Der HTML-Pfeil (Grid-Modus, Zeilen unter dem Donut-Ring) bekommt das Äquivalent per CSS (feste Breite, zentriert).

Verifiziert mit erzwungenen unterschiedlichen Richtungen pro Zeile (Weight rauf, Body Fat runter, Muscle Mass unverändert, Water rauf) — beide Spalten stehen jetzt sauber untereinander, unabhängig vom jeweils angezeigten Pfeil.


Baut auf v0.9.2 auf.

Siehe README für Installation und Konfiguration.