Tagesverlust-Meldung kompakt und im Feld TAG P/L (v=215)

User-Vorgabe. Das breite Banner ueber der Karte ist weg; an seine Stelle tritt
`#cb-mini` direkt neben dem Tages-P/L.

  vorher: "⚠ Tagesverlust -46,28 € — Stopp bei -55 € (85 % erreicht)"
          als eigene Zeile ueber der ganzen Karte
  jetzt : TAG P/L   -46,28   85 %   (CB)
          drei Zeichen neben der Zahl, bernstein ab 60 %, rot bei " Stopp"

⚠ Die Zahl steht jetzt dort, wo sie gelesen wird: direkt an dem Wert, der den
Breaker ausloest, und neben dem Knopf, der ihn schaltet. Der vollstaendige Text
steckt im Tooltip - kompakt heisst hier "weniger Flaeche", nicht "weniger
Information".

⚠ Das alte `#circuit-banner` bleibt als Halter im DOM und wird weiter befuellt;
ausgeblendet wird es per CSS (`.circuit{display:none}`). Zurueckholen ist damit
eine einzige Zeile - und der Render-Pfad bleibt unveraendert, statt zwei Wege zu
haben, die auseinanderlaufen koennen.

Live gegengeprueft: TAG P/L enthaelt cb-mini UND btn-cb, 0 doppelte IDs, und
beim aktuellen Stand (-46,28 von -54,58) zeigt es "85 %" in Bernstein.
Pipeline A-G gruen, 97 Tests, 14 render*-Funktionen, deployt.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Axel Hocks
2026-08-21 11:04:56 +02:00
co-authored by Claude Opus 5
parent 8ba036291d
commit db0de81ef6
3 changed files with 49 additions and 6 deletions
+10
View File
@@ -795,3 +795,13 @@ main{padding-bottom:4.1111rem} /* Platz für die fixe Leiste */
Die kurzzeitig umgekehrte CB-Zuordnung ist auf User-Wunsch zurueckgedreht. */
.cb-dot.an{background:#0d2a16; border-color:#1a4731; color:#3fb950}
.cb-dot.aus{background:var(--surface-2); border-color:var(--border); color:var(--dim)}
/* ── Kompakte Circuit-Breaker-Anzeige IM Feld TAG P/L (User 2026-08-21) ────
Ersetzt das breite Banner ueber der Karte. ⚠ Das alte `#circuit-banner`
bleibt als Halter im DOM und wird weiter befuellt — hier nur ausgeblendet,
damit ein Zurueckholen eine einzige Zeile ist. */
.circuit{display:none !important}
.cb-mini{font-family:var(--mono); font-size:0.6111rem; font-weight:600;
color:var(--dim); margin-left:0.3333rem; white-space:nowrap}
.cb-mini.near{color:var(--accent)}
.cb-mini.tripped{color:#f85149}