Uhr und Ring sind jetzt gleich gross -- aus EINER Variablen
Wunsch Filipe: "die uhr und der [ring] sollen noch bissl groesser sein und ... dan auch am ende die selbe groesse haben bitte. sehr wichtig." WARUM SIE ES VORHER NICHT WAREN: Der Ring stand in heim.css (232 / 220 / 190), die Uhr in start.css (164 / 118). Zwei Dateien, zwei Zahlensaetze, und keine Stelle, an der jemand beide zugleich gesehen haette. Nachgemessen lagen sie am Rechner 68 px auseinander. Das war kein Versehen an einer Zahl, sondern die zwangslaeufige Folge davon, dass es zwei gab. Jetzt entscheidet `--instrument` ueber beide -- und ueber die Spalten, in denen sie sitzen. Gemessen: 248/248 am Rechner, 224/224 am Tablet, 196/196 am Handy. Ein Auseinanderlaufen ist nicht mehr moeglich, sondern muesste absichtlich geschrieben werden. Die alte Angabe in start.css ist ENTFERNT, nicht ueberschrieben: eine wirkungslose Zahl, die richtig aussieht, ist genau die Falle. ZWEI FOLGEN, BEIDE ERST IM BILD SICHTBAR: 1. DIE UHR HING 32 px UEBER DIE KACHELKANTE. Die rechte Spalte war auf das Instrument bemessen (248), braucht aber auch die Knopfreihe daneben (48 + 14 Abstand = 310). Die Seite liess sich trotzdem nicht seitlich schieben -- der Ueberstand lag INNERHALB der Kachel, also hat keine vorhandene Pruefung angeschlagen. Jetzt ist die Spaltenbreite abgeleitet (`--spalte`), nicht getippt. Beide Aussenspalten bekommen sie, obwohl links keine Knoepfe stehen: sonst saesse der Titel nicht mehr mittig. Der Ring wird in seiner Spalte zentriert. 2. DIE ZIFFERN WAREN ZU KLEIN. Sie standen in `rem` -- in einer Uhr von 164 px richtig, in einer von 248 verloren (29,76 px in einem 248-px-Zifferblatt, die Mitte eine leere Flaeche). Sie haengen jetzt ebenfalls an `--instrument`. Der Faktor ist nachgesehen, nicht gerechnet: 0,145 war noch zu klein, 0,168 fuellt die Mitte, ohne an die innerste Bahn zu stossen (Stundenbalken liegen bei Radius 31,5 von 50). Geprueft: pruef-start-ansicht (kein Text abgeschnitten, keine Konsolenfehler), pruef-handy, pruef-workspace-seiten (18 Seiten, Ueberstand 0 px), pruef-css-klassen -- alle in Ordnung. Dazu 1500/900/390 px einzeln nachgemessen: Uhr und Ring auf den Pixel gleich, Abstand zur Kachelkante 30 bzw. 64 px. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
@@ -5087,9 +5087,19 @@ body[data-fremde-sicht="ja"]::after {
|
||||
"krasser" heisst bei einem Instrument zuerst "lesbar". Auf dem Handy
|
||||
bleibt sie bei 118 px, dort steht sie unter dem Text statt daneben.
|
||||
===================================================================== */
|
||||
/* DIE GROESSE STEHT NICHT MEHR HIER (09.09.2026).
|
||||
|
||||
Hier standen `width: 164px; height: 164px` -- und in heim.css stand
|
||||
der Ring daneben auf 232. Zwei Dateien, zwei Zahlen, und keine
|
||||
Stelle, an der jemand beide zugleich sieht. Filipe wollte sie gleich
|
||||
gross; jetzt entscheidet `--instrument` in heim.css ueber BEIDE.
|
||||
|
||||
Wer die Uhr groesser machen will, aendert dort eine Zahl -- nicht
|
||||
hier. Eine zweite Angabe an dieser Stelle waere wirkungslos (heim.css
|
||||
laedt spaeter) und wuerde trotzdem richtig aussehen. */
|
||||
.uhr {
|
||||
position: relative;
|
||||
width: 164px; height: 164px; flex: none;
|
||||
flex: none;
|
||||
display: grid; place-items: center;
|
||||
border-radius: 50%;
|
||||
padding: 10px;
|
||||
@@ -5589,7 +5599,9 @@ body[data-fremde-sicht="ja"]::after {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.stand { min-width: 0; flex: 1 1 0; padding: 10px 8px 9px; }
|
||||
.uhr { width: 118px; height: 118px; padding: 4px; }
|
||||
/* Die Groesse kommt aus `--instrument` (heim.css), hier bleibt nur
|
||||
die engere Polsterung fuer schmale Schirme. */
|
||||
.uhr { padding: 4px; }
|
||||
.uhr__zeit { font-size: 1.3rem; }
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user