Fix #2: Titelraster: Beschriftungen springen, wenn ein Titel zweizeilig wird #7

2026-09-01T21:29:36Z

florian.wilde commented

2026-09-01 21:29:36 +00:00

Der Titelblock der Posterkarten hatte mit line-clamp-2 eine Ober-, aber keine Untergrenze. Einzeilige Titel belegten 19 statt 39 Pixel, und alles darunter rutschte um eine Zeilenhöhe nach oben.

Was geändert wurde

Titelblock auf zwei Zeilen festgenagelt (min-h-[2lh]) in beiden Rastern. Die Einheit lh hängt an der tatsächlichen Zeilenhöhe — der Wert wird also nicht abgehängt, wenn jemand später an leading-snug dreht.
Platz des Fortschrittsbalkens reserviert in der Bibliothekskarte. Er erscheint nur bei Serien; Filme und Watchlist-Einträge fielen dadurch kürzer aus. Statt einer festen Pixelhöhe steht dort ein unsichtbarer Nachbau derselben Struktur, der sich von selbst nachzieht, wenn sich der Balken ändert.

Nachgemessen

Bei 1400 px, dieselbe Messung wie im Issue:

	vorher	nachher
Metazeilen einer Reihe (Suche)	691 und 711 px	alle 711 px
Metazeilen (Bibliothek)	695/715, 1066/1085 px	alle 715, 1117, 1520 px
Kartenhöhen Suche	353 und 333 px	alle 353 px
Kartenhöhen Bibliothek	355 und 367 px	alle 387 px

Bei Handybreite (390 px) ebenfalls durchgehend gleich hoch. Sichtprüfung in hell und dunkel gemacht.

Typecheck sauber, 52 Tests grün.

Closes #2

Der Titelblock der Posterkarten hatte mit `line-clamp-2` eine Ober-, aber keine Untergrenze. Einzeilige Titel belegten 19 statt 39 Pixel, und alles darunter rutschte um eine Zeilenhöhe nach oben. ## Was geändert wurde - **Titelblock auf zwei Zeilen festgenagelt** (`min-h-[2lh]`) in beiden Rastern. Die Einheit `lh` hängt an der tatsächlichen Zeilenhöhe — der Wert wird also nicht abgehängt, wenn jemand später an `leading-snug` dreht. - **Platz des Fortschrittsbalkens reserviert** in der Bibliothekskarte. Er erscheint nur bei Serien; Filme und Watchlist-Einträge fielen dadurch kürzer aus. Statt einer festen Pixelhöhe steht dort ein unsichtbarer Nachbau derselben Struktur, der sich von selbst nachzieht, wenn sich der Balken ändert. ## Nachgemessen Bei 1400 px, dieselbe Messung wie im Issue: | | vorher | nachher | |---|---|---| | Metazeilen einer Reihe (Suche) | 691 **und** 711 px | alle 711 px | | Metazeilen (Bibliothek) | 695/715, 1066/1085 px | alle 715, 1117, 1520 px | | Kartenhöhen Suche | 353 **und** 333 px | alle 353 px | | Kartenhöhen Bibliothek | 355 **und** 367 px | alle 387 px | Bei Handybreite (390 px) ebenfalls durchgehend gleich hoch. Sichtprüfung in hell und dunkel gemacht. Typecheck sauber, 52 Tests grün. Closes #2

florian.wilde added 1 commit 2026-09-01 21:29:36 +00:00

Titelraster auf eine feste Zeilenhoehe bringen

CI / pruefen (pull_request) Canceled after 0s

Details

a853b066b5

Der Titelblock hatte mit line-clamp-2 zwar eine Ober-, aber keine
Untergrenze. Einzeilige Titel belegten dadurch 19 statt 39 Pixel, und alles
darunter rutschte um eine Zeilenhoehe nach oben — neben Karten mit
zweizeiligem Titel wirkte das Raster ausgefranst.

Der Titelblock bekommt jetzt mit min-h-[2lh] immer zwei Zeilen. Die Einheit
lh haengt an der tatsaechlichen Zeilenhoehe, damit der Wert nicht von einer
Aenderung an leading-snug abgehaengt wird.

In der Bibliothekskarte kam hinzu, dass der Fortschrittsbalken nur bei
Serien erscheint. Sein Platz wird jetzt auch dann freigehalten, wenn er
leer bleibt — als unsichtbarer Nachbau statt einer festen Pixelhoehe, damit
er sich von selbst nachzieht.

Nachgemessen bei 1400 px: Metazeilen einer Reihe liegen jetzt alle auf
derselben Oberkante (Suche 711 px, Bibliothek 715/1117/1520 px), und alle
Karten sind gleich hoch (353 bzw. 387 px). Vorher: 691 gegen 711 px und
Kartenhoehen von 333 bis 367 px. Bei Handybreite ebenfalls sauber.

Refs #2

florian.wilde referenced this pull request

2026-09-01 21:29:52 +00:00

Titelraster: Beschriftungen springen, wenn ein Titel zweizeilig wird #2

florian.wilde merged commit 9d4e419cd1 into main

2026-09-01 21:31:44 +00:00

florian.wilde referenced this pull request

2026-09-01 21:32:00 +00:00

Titelraster: Beschriftungen springen, wenn ein Titel zweizeilig wird #2

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: florian.wilde/flimmer#7