Die Auflösung wechselt den Text, statt einen Tooltip zu öffnen

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 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-10-07 18:32:21 +02:00
co-authored by Claude Opus 5
parent cdea8e3b0a
commit 3fe0013be1
+17 -3
View File
@@ -404,12 +404,26 @@ export function detailseite(art: Art, id: string, zurueck: () => void): HTMLElem
const stufe = bild.resolutionLabel ?? null; const stufe = bild.resolutionLabel ?? null;
if (stufe) { if (stufe) {
const v = zeile('Auflösung', stufe); const v = zeile('Auflösung', stufe);
// Genau und gemessen gehören in den Tooltip: 1920×800 ist kein // **Beim Überfahren wechselt der Text, kein Tooltip.** Ein Tooltip
// Fehler, sondern Kinoformat. // kommt verzögert, verdeckt die Nachbarzeile und gibt es am Finger
v.title = [ // 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.resolutionExact,
bild.width && bild.height ? `${bild.width} × ${bild.height}` : null, bild.width && bild.height ? `${bild.width} × ${bild.height}` : null,
].filter(Boolean).join(' · '); ].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);
}
} }
} }