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

Einsatz-Feld: feste Breiten durch mitwachsende ersetzt (v=174)

Browse Source 
User: das Einsatz-Feld ist nicht breit genug.

Die Trade-Leiste hatte width:88px fest, die Order-Leiste 74px. Der Einsatz zeigt
Betraege wie '712.84 EUR' -- bei fett und 0,94rem passt das in 88px nicht (das
sind ~9,7 Zeichen Platz bei 10 benoetigten).

Jetzt in ch statt px: 1ch ist die Breite einer Ziffer und haengt damit an der
Schriftgroesse -- skaliert also mit der fluiden Wurzel mit, was ein px-Wert
nicht tut. Anzeige-Werte bekommen width:auto + min-width:7.5ch und duerfen bei
laengeren Betraegen darueber hinaus wachsen statt abzuschneiden; Eingabefelder
bleiben bei 8ch als feste, aber mitskalierende Basis. Order-Leiste 74px -> 7ch.

Das war dieselbe Klasse wie die px-Abstaende von heute frueh: eine feste
Pixelzahl in einem Layout, dessen Schrift skaliert.

Verifiziert: min-width:7.5ch im ausgelieferten CSS, HTML zieht v=174.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Axel Hocks
2026-08-19 00:44:44 +02:00
co-authored by Claude Opus 5
parent 496713b396
commit 5b01610634
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/index.html
+2 -2
View File
@@ -12,7 +12,7 @@
⚠ LOKAL eingebunden, kein CDN: die PWA laeuft ueber WireGuard
und muss offline funktionieren. -->
<link rel="stylesheet" href="pico.min.css?v=1">
<link rel="stylesheet" href="style.css?v=173">
<link rel="stylesheet" href="style.css?v=174">
</head>
<body>
<!-- Modul-Menü (ganz oben) -->
@@ -362,6 +362,6 @@
</div>
<div id="toast" class="toast hidden"></div>
<script src="app.js?v=173"></script>
<script src="app.js?v=174"></script>
</body>
</html>