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); + } } }