Anzeigefelder im aktuellen Trade noch einmal 2 px kleiner (v=208)

User-Vorgabe. Zweite Stufe, gezielt auf die ANZEIGEFELDER.

`.tb-val` 0,8333rem -> 0,7222rem (15 px -> 13 px bei der 18-px-Referenz, in der
die rem-Werte entstanden sind). Betrifft Richtung, Lots, Einsatz, Laufzeit,
SL/TP und TP1/TP3.

⚠ BEWUSST NUR `.tb-val`: die EINGABEfelder (`.tb-field input`) bleiben bei
0,8333rem. Dort wird getippt, und unter rund 16 px zoomt iOS beim Fokus
selbsttaetig ins Feld - das reisst am Handy das Layout auseinander. Die
Anzeigeboxen haben dieses Problem nicht.

⚠ Umgesetzt als eigene, SPAETERE Regel statt einer Aenderung an der
Sammelregel `.tb-field input, .tb-field .tb-val` - so bleiben Eingaben und
Anzeigen getrennt einstellbar. Reihenfolge geprueft: die spezifische Regel
steht spaeter und gewinnt.

Am ausgelieferten CSS verifiziert (input 0,8333rem / tb-val 0,7222rem).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Axel Hocks
2026-08-20 22:32:31 +02:00
co-authored by Claude Opus 5
parent 71abb49cf7
commit 21f2dda983
3 changed files with 10 additions and 5 deletions
+6 -1
View File
@@ -238,7 +238,12 @@ main{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
die Leiste einheitlich bleibt. */
font-size:0.8333rem;font-weight:400;padding:0.3333rem 0.3889rem;text-align:center;
transition:border-color .15s, box-shadow .15s}
.tb-field .tb-val{display:block;white-space:nowrap}
/* ⚠ ANZEIGEFELDER noch einmal 2 px kleiner (User-Wunsch 2026-08-20, zweite
Stufe). Bewusst NUR `.tb-val` — die Eingabefelder (`input`) bleiben bei
0,8333rem: dort wird getippt, und unter ~16 px zoomt iOS beim Fokus
selbsttaetig ins Feld. Die Anzeigeboxen (Richtung, Lots, Einsatz,
Laufzeit, SL/TP, TP1/TP3) haben dieses Problem nicht. */
.tb-field .tb-val{display:block;white-space:nowrap;font-size:0.7222rem}
.tb-field input{width:8ch} /* Eingaben: feste, aber mitskalierende Basis */ /* nur Anzeige, kein Input */
.tb-field input:focus{outline:none;border-color:var(--blue);
box-shadow:0 0 0 2px #58a6ff33}