Übersicht-Symbol: nochmals 10 % (Faktor 1,21) und auf die Rastermitte gelegt

Die eigene Mitte des Symbols liegt bei x=13, nicht 12. Ohne Verschiebung wäre Faktor 1,21 rechts wieder angestoßen (24,10 statt 22,89). Jetzt Geometrie 1,11-22,89, mit Strichstärke 0,36-23,64 - im Raster. Gemessen: 21,8 x 12,5 gegen ursprünglich 18,0 x 10,3, gerenderte Strichstärke weiterhin 1,5 wie bei den Nachbarn. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-02 11:53:17 +02:00
parent 0b497642f4
commit 960e07d7d7
6 changed files with 37 additions and 21 deletions
@@ -1,7 +1,7 @@
 # AGENTS.md — Project state, review findings, open items, and working rules

 **Last updated: 2026-09-02** (Null heisst unbekannt, Momentanwerte nur fuer
-"jetzt", Uebersicht-Symbol vergroessert, `2026.9.2.4`, Abschnitt BN.
+"jetzt", Uebersicht-Symbol vergroessert, `2026.9.2.5`, Abschnitt BN.
 Davor: Verbrauchsfaktor aus dem Tankbeleg, `2026.9.1.32`,
 Abschnitt BM. Davor: Reifenzaehler ohne Fahrzeugwechsel, „Raeder“
 statt „Reifen“, `2026.9.1.29`, Abschnitt BL. Davor: Ortsnamen aus dem Backend, Verbrauchseichung an
@@ -7531,13 +7531,19 @@ Symbols.
 messen (`bb.x`, `bb.x + bb.width`), nicht nur `bb.width`/`bb.height`. Eine
 Groesse allein sagt nichts darueber, ob sie ins Raster passt.

-Jetzt Faktor 1,1 um die Rastermitte (12,12), `stroke-width` 1,364 als
-Ausgleich (1,5 / 1,1), damit die Strichstaerke gerendert wieder 1,5 betraegt.
-Nachgemessen, alle fuenf Symbole und diesmal mit Raendern:
+Danach zweimal um 10 % vergroessert, auf Faktor **1,21** gegenueber dem
+Original. Beim zweiten Schritt wird das Symbol zusaetzlich auf die Rastermitte
+gelegt: seine eigene Mitte liegt bei x=13, nicht 12, und ohne diese
+Verschiebung stuende es bei 1,21 rechts wieder ueber (24,10 statt 22,89).
+`stroke-width` 1,240 als Ausgleich (1,5 / 1,21), gerendert also wieder 1,5.
+
+Nachgemessen, alle fuenf Symbole, mit Raendern und inklusive der Strichstaerke
+(sie ragt 0,75 ueber die Geometrie hinaus - aber nur bei den Kontur-Symbolen;
+"Mein Audi" und "Fahrten" sind Flaechen und haben keinen Strich):

 | Tab | x | y | Groesse | im Raster |
 |---|---|---|---|---|
-| Uebersicht | 3,2 - 23,0 | 7,6 - 18,9 | 19,8 x 11,3 | ja |
+| Uebersicht | 1,11 - 22,89 | 5,77 - 18,23 | 21,8 x 12,5 | ja (mit Strich bis 23,64) |
 | Mein Audi | 0,0 - 24,0 | 3,8 - 21,0 | 24,0 x 17,2 | ja |
 | Fahrten | 1,0 - 23,0 | 2,0 - 23,4 | 22,0 x 21,4 | ja |
 | Statistik | 3,5 - 20,5 | 2,8 - 21,2 | 16,9 x 18,5 | ja |
@@ -44,7 +44,7 @@ export function SymbolUebersicht({ groesse }: SymbolProps) {
    <Rahmen
      groesse={groesse}
      kinder={
-        /* 10 % groesser, zentriert um die Rastermitte (12,12).
+        /* 21 % groesser als das Original, auf die Rastermitte (12,12) gelegt.
           
           Live gemessen (getBBox) fuellte das Symbol nur 18,0 x 10,3 von 24 - 43 % der
           Hoehe, waehrend die vier Nachbarn zwischen 65 % (Tanken) und 89 % (Fahrten)
@@ -56,14 +56,19 @@ export function SymbolUebersicht({ groesse }: SymbolProps) {
           Beim Nachmessen waren Breite und Hoehe geprueft, aber nicht die Position -
           bei einer Skalierung immer die RAENDER mitmessen, nicht nur die Groesse.
           
-           Faktor 1,1 um (12,12) bleibt mit x 3,2-23,0 und y 7,6-18,9 im Raster. Mehr
-           geht mit dieser Form nicht: ein Halbkreis ist bauartbedingt halb so hoch wie
-           breit; echte Hoehengleichheit braeuchte einen neu gezeichneten Bogen mit
-           groesserem Winkel.
+           Danach zweimal um 10 % vergroessert (1,1 dann 1,21). Beim zweiten Schritt
+           wird das Symbol zusaetzlich auf die Rastermitte gelegt: seine eigene Mitte
+           liegt bei x=13, nicht 12, und ohne diese Verschiebung stuende es bei 1,21
+           rechts wieder ueber. Gerechnet inklusive Strichstaerke, die 0,75 ueber die
+           Geometrie hinausragt - Geometrie x 1,11-22,89, mit Strich 0,36-23,64.

-           stroke-width gleicht die Skalierung aus (1,5 / 1,1 = 1,364), damit die
+           Mehr geht mit dieser Form nicht: ein Halbkreis ist bauartbedingt halb so
+           hoch wie breit; echte Hoehengleichheit braeuchte einen neu gezeichneten
+           Bogen mit groesserem Winkel.
+           
+           stroke-width gleicht die Skalierung aus (1,5 / 1,21 = 1,240), damit die
           Strichstaerke gerendert wieder 1,5 betraegt wie bei den Nachbarn. */
-        <g transform="translate(-1.2,-1.2) scale(1.1)" strokeWidth={1.364}>
+        <g transform="translate(-3.73,-3.91) scale(1.21)" strokeWidth={1.24}>
          <path d="M4 17a9 9 0 0 1 18 0" />
          <path d="M13 17l5.5-5" />
          <circle cx="13" cy="17" r="1.3" />
@@ -1 +1 @@
-{"version":"2026.9.2.4","sha256":"d769de8b3dbbf3ccf3de6b33bd8d6f551bca1b5605186d6138af02a8531b5618","bytes":265966,"gebaut":"2026-09-02T09:49:16Z"}
+{"version":"2026.9.2.5","sha256":"891a2385095dabc1a8a6302dd97132312ecc7ccdeb27084b8606fa380854a6be","bytes":265974,"gebaut":"2026-09-02T09:52:11Z"}
@@ -4177,7 +4177,7 @@ function vFill(id) {

 /* ---------------------------------------------------------- Steuerung */
 const ICONS = {
-  /* 10 % groesser, zentriert um die Rastermitte (12,12).
+  /* 21 % groesser als das Original, auf die Rastermitte (12,12) gelegt.
     
     Live gemessen (getBBox) fuellte das Symbol nur 18,0 x 10,3 von 24 - 43 % der
     Hoehe, waehrend die vier Nachbarn zwischen 65 % (Tanken) und 89 % (Fahrten)
@@ -4189,14 +4189,19 @@ const ICONS = {
     Beim Nachmessen waren Breite und Hoehe geprueft, aber nicht die Position -
     bei einer Skalierung immer die RAENDER mitmessen, nicht nur die Groesse.
     
-     Faktor 1,1 um (12,12) bleibt mit x 3,2-23,0 und y 7,6-18,9 im Raster. Mehr
-     geht mit dieser Form nicht: ein Halbkreis ist bauartbedingt halb so hoch wie
-     breit; echte Hoehengleichheit braeuchte einen neu gezeichneten Bogen mit
-     groesserem Winkel.
+     Danach zweimal um 10 % vergroessert (1,1 dann 1,21). Beim zweiten Schritt
+     wird das Symbol zusaetzlich auf die Rastermitte gelegt: seine eigene Mitte
+     liegt bei x=13, nicht 12, und ohne diese Verschiebung stuende es bei 1,21
+     rechts wieder ueber. Gerechnet inklusive Strichstaerke, die 0,75 ueber die
+     Geometrie hinausragt - Geometrie x 1,11-22,89, mit Strich 0,36-23,64.

-     stroke-width gleicht die Skalierung aus (1,5 / 1,1 = 1,364), damit die
+     Mehr geht mit dieser Form nicht: ein Halbkreis ist bauartbedingt halb so
+     hoch wie breit; echte Hoehengleichheit braeuchte einen neu gezeichneten
+     Bogen mit groesserem Winkel.
+     
+     stroke-width gleicht die Skalierung aus (1,5 / 1,21 = 1,240), damit die
     Strichstaerke gerendert wieder 1,5 betraegt wie bei den Nachbarn. */
-  home: '<g transform="translate(-1.2,-1.2) scale(1.1)" stroke-width="1.364"><path d="M4 17a9 9 0 0 1 18 0"/><path d="M13 17l5.5-5"/><circle cx="13" cy="17" r="1.3"/></g>',
+  home: '<g transform="translate(-3.73,-3.91) scale(1.21)" stroke-width="1.240"><path d="M4 17a9 9 0 0 1 18 0"/><path d="M13 17l5.5-5"/><circle cx="13" cy="17" r="1.3"/></g>',
  /* Wagen von vorn - dasselbe Symbol wie in der myAudi-App (Audi-Symbolsatz,
     assets/icons/car.svg). Flaeche statt Kontur, deshalb die Klasse "voll". */
  audi: '<path d="M5.46 4.05a80 80 0 0 1 13.08 0l.24.02.14.2A55 55 0 0 1 21.9 9.2l2.1 2.1v8.2c0 .83-.67 1.5-1.5 1.5h-2a1.5 1.5 0 0 1-1.5-1.5V19l-14-.04v.54c0 .83-.67 1.5-1.5 1.5h-2A1.5 1.5 0 0 1 0 19.5v-8.2l2.1-2.1a55 55 0 0 1 2.98-4.93l.14-.2zM2.7 10 1 11.7v.3h4v1H1v6.5c0 .28.22.5.5.5h2a.5.5 0 0 0 .5-.5v-1.55L20 18v1.5c0 .28.22.5.5.5h2a.5.5 0 0 0 .5-.5V13h-4v-1h4v-.3L21.3 10zm17.94-1a45 45 0 0 0-2.43-3.98 78 78 0 0 0-12.44 0L4.51 7c-.3.5-.7 1.16-1.16 2.01h17.3ZM7.3 12h9.42l1.36 1.36-.1.3c-.31 1-.6 1.78-.88 2.31-.13.27-.27.5-.41.67-.13.15-.36.36-.68.36H8a.9.9 0 0 1-.68-.36c-.14-.17-.28-.4-.41-.67a17 17 0 0 1-.89-2.32l-.09-.29zm.42 1-.64.64c.28.84.52 1.47.73 1.89a2.4 2.4 0 0 0 .3.47h7.8l.02-.01c.07-.08.16-.23.28-.46.21-.42.45-1.05.73-1.9L16.3 13H7.71Z"/>',
@@ -1,7 +1,7 @@
 {
  "domain": "audi_dashboard",
  "name": "Audi Dashboard",
-  "version": "2026.9.2.4",
+  "version": "2026.9.2.5",
  "documentation": "https://gitea.nothaft.cloud/paul/audi-app/src/branch/main/README.md",
  "issue_tracker": "https://gitea.nothaft.cloud/paul/audi-app/issues",
  "codeowners": ["@paul"],