ah-admin/AH-Oil-Trader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
web/app.js
+1 -1
View File
@@ -2519,7 +2519,7 @@ async function closeSlot(slot, label, pnl) {
// und der Browser zeigte Altes. Statt das jedes Mal von Hand zu diagnostizieren, // und der Browser zeigte Altes. Statt das jedes Mal von Hand zu diagnostizieren,
// sagt die Seite es jetzt selbst. // sagt die Seite es jetzt selbst.
// ⚠ Bewusst SICHTBAR statt nur Konsole: die Konsole sieht am Handy niemand. // ⚠ Bewusst SICHTBAR statt nur Konsole: die Konsole sieht am Handy niemand.
const _JS_V = "207"; const _JS_V = "208";
{ {
const htmlV = document.body && document.body.dataset const htmlV = document.body && document.body.dataset
? document.body.dataset.htmlV : null; ? document.body.dataset.htmlV : null;
web/index.html
+3 -3
View File
@@ -12,9 +12,9 @@
⚠ LOKAL eingebunden, kein CDN: die PWA laeuft ueber WireGuard ⚠ LOKAL eingebunden, kein CDN: die PWA laeuft ueber WireGuard
und muss offline funktionieren. --> und muss offline funktionieren. -->
<link rel="stylesheet" href="pico.min.css?v=1"> <link rel="stylesheet" href="pico.min.css?v=1">
<link rel="stylesheet" href="style.css?v=207"> <link rel="stylesheet" href="style.css?v=208">
</head> </head>
<body data-html-v="207"> <body data-html-v="208">
<!-- Modul-Menü (ganz oben) --> <!-- Modul-Menü (ganz oben) -->
<nav id="tabs"> <nav id="tabs">
<button class="tab active" data-view="dash">Dashboard</button> <button class="tab active" data-view="dash">Dashboard</button>
@@ -473,6 +473,6 @@
</div> </div>
<div id="toast" class="toast hidden"></div> <div id="toast" class="toast hidden"></div>
<script src="app.js?v=207"></script> <script src="app.js?v=208"></script>
</body> </body>
</html> </html>
web/style.css
+6 -1
View File
@@ -238,7 +238,12 @@ main{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
die Leiste einheitlich bleibt. */ die Leiste einheitlich bleibt. */
font-size:0.8333rem;font-weight:400;padding:0.3333rem 0.3889rem;text-align:center; font-size:0.8333rem;font-weight:400;padding:0.3333rem 0.3889rem;text-align:center;
transition:border-color .15s, box-shadow .15s} 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{width:8ch} /* Eingaben: feste, aber mitskalierende Basis */ /* nur Anzeige, kein Input */
.tb-field input:focus{outline:none;border-color:var(--blue); .tb-field input:focus{outline:none;border-color:var(--blue);
box-shadow:0 0 0 2px #58a6ff33} box-shadow:0 0 0 2px #58a6ff33}