From 3fe0013be17038a8eb62386b5921f71e83360524 Mon Sep 17 00:00:00 2001 From: Scarriffle Date: Wed, 7 Oct 2026 18:32:21 +0200 Subject: [PATCH] =?UTF-8?q?Die=20Aufl=C3=B6sung=20wechselt=20den=20Text,?= =?UTF-8?q?=20statt=20einen=20Tooltip=20zu=20=C3=B6ffnen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Gestern wanderte der genaue Wert in den Tooltip. Ein Tooltip kommt verzögert, legt sich über die Nachbarzeile und existiert am Finger gar nicht. Jetzt steht in Ruhe „Full HD" da, und beim Überfahren tritt „1080p · 1920 × 800" an dieselbe Stelle. **Beide liegen übereinander, nicht nacheinander.** Das Feld ist so breit wie der breitere der beiden Texte — sonst rückte beim Überfahren die halbe Tabelle. Gerastert statt absolut gesetzt, damit die Zeilenhöhe von selbst stimmt. Ohne Zeiger gibt es kein Überfahren: dort steht das Genaue dauerhaft daneben, statt unerreichbar zu sein. Gemessen: in Ruhe „Full HD" bei Deckung 1 und „1080p · 1920 × 800" bei 0, unter dem Zeiger umgekehrt — und kein `title` mehr am Element. Co-Authored-By: Claude Opus 5 --- web/app/src/views/detail.ts | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/web/app/src/views/detail.ts b/web/app/src/views/detail.ts index d690849..47e96a6 100644 --- a/web/app/src/views/detail.ts +++ b/web/app/src/views/detail.ts @@ -404,12 +404,26 @@ export function detailseite(art: Art, id: string, zurueck: () => void): HTMLElem const stufe = bild.resolutionLabel ?? null; if (stufe) { const v = zeile('Auflösung', stufe); - // Genau und gemessen gehören in den Tooltip: 1920×800 ist kein - // Fehler, sondern Kinoformat. - v.title = [ + // **Beim Überfahren wechselt der Text, kein Tooltip.** Ein Tooltip + // kommt verzögert, verdeckt die Nachbarzeile und gibt es am Finger + // gar nicht. Hier stehen beide Fassungen übereinander, und die + // zweite tritt an die Stelle der ersten — die Zeile bleibt, wo sie + // ist, weil der Platz vom breiteren der beiden Texte bestimmt wird. + const genau = [ bild.resolutionExact, bild.width && bild.height ? `${bild.width} × ${bild.height}` : null, ].filter(Boolean).join(' · '); + + if (genau) { + v.textContent = ''; + v.className = 'wechseltext'; + const wort = document.createElement('span'); + wort.textContent = stufe; + const zahl = document.createElement('span'); + zahl.className = 'genau'; + zahl.textContent = genau; + v.append(wort, zahl); + } } }