Scarriffle/Vorrania
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Thumbnails cachen (kein Neuladen) + feste Zeilenhoehe

Browse Source 
Artikelbilder werden modulweit gecacht (Produkt-ID+Version -> Objekt-URL, auch 'kein Bild'); beim erneuten Oeffnen einer Liste werden sie nicht mehr jedes Mal neu geholt. Der Platzhalter (.thumb-fallback) hat jetzt dieselbe feste Groesse (34x34) wie das Bild, damit die Zeilenhoehe mit/ohne Bild gleich ist und beim Nachladen nicht mehr springt.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-27 19:32:59 +02:00
parent 189b1f8e6b
commit c52e88f856
2 changed files with 34 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/styles.css
View File

@@ -400,7 +400,12 @@ td select { width: auto; min-width: 0; max-width: 100%; }
width: 34px; height: 34px; object-fit: cover;
border-radius: var(--radius-sm); border: 1px solid var(--border); background: var(--surface-2);
}
.thumb-fallback { display: grid; place-items: center; color: var(--muted); }
/* Gleiche Größe wie das echte Bild, damit die Zeilenhöhe mit und ohne Bild
identisch ist und beim Nachladen nicht springt. */
.thumb-fallback {
width: 34px; height: 34px; display: grid; place-items: center; color: var(--muted);
border-radius: var(--radius-sm); border: 1px solid var(--border); background: var(--surface-2);
}
/* ---------- Badges / pills ---------- */
.badge {