Admin-Dashboard Optimieren #7

Closed
opened 2026-08-11 13:20:08 +02:00 by admin · 1 comment
Owner

Posts Rubrik als Grid anzeigen lassen für besseren überblick. ausserdem ist der content aktuell in der listen ansicht nicht zu erkennen. daher umbau auf Grid, 3 Spalten.
Caption unter jedes Bild/Video - fallback ohne Bild, Platzhalter in der gleichen Größe für einheitlichen Look.

Posts Rubrik als Grid anzeigen lassen für besseren überblick. ausserdem ist der content aktuell in der listen ansicht nicht zu erkennen. daher umbau auf Grid, 3 Spalten. Caption unter jedes Bild/Video - fallback ohne Bild, Platzhalter in der gleichen Größe für einheitlichen Look.
Author
Owner

Umgesetzt: Posts-Panel als 3-Spalten-Grid

  • /p/[secret]/posts von Listen- auf Grid-Ansicht umgestellt (responsive: 1 Spalte mobil, 2 Tablet, 3 Desktop)
  • Jede Karte: quadratisches Thumbnail + Caption darunter (2-zeilig, mit "No caption"-Fallback), Pet-Name/Reaktionen/Kommentare/Report-Flag, Kommentar- und Lösch-Button
  • Fallback ohne Bild: gleich großer Platzhalter mit Icon (statt leerem/verzerrtem Kasten) für einheitlichen Look
  • Video-Posts zeigen jetzt ein Mux-Thumbnail + Play-Icon-Overlay (admin.listPosts selektiert dafür zusätzlich videoPost.muxPlaybackId)

Beim Live-Test auf pawfeed.org gefunden + gefixt: Hochformat-Fotos wurden nicht quadratisch zugeschnitten, sondern haben die Karte in die Höhe gezogen (Querformat-Fotos sahen dagegen korrekt aus, was den Bug beim ersten Blick maskiert hat). Ursache: dem Bild-Container fehlte overflow-hidden, wodurch das intrinsische Bildseitenverhältnis die eigentlich per aspect-square fixierte Kartenhöhe überschrieben hat — behoben in Commit f638239, per JS-Messung verifiziert (alle Karten jetzt exakt 740×740px, unabhängig vom Bildformat).

Commits: ed6842b (Feature), f638239 (Portrait-Crop-Fix). Beide deployed und live verifiziert auf pawfeed.org.

**Umgesetzt: Posts-Panel als 3-Spalten-Grid** - `/p/[secret]/posts` von Listen- auf Grid-Ansicht umgestellt (responsive: 1 Spalte mobil, 2 Tablet, 3 Desktop) - Jede Karte: quadratisches Thumbnail + Caption darunter (2-zeilig, mit "No caption"-Fallback), Pet-Name/Reaktionen/Kommentare/Report-Flag, Kommentar- und Lösch-Button - Fallback ohne Bild: gleich großer Platzhalter mit Icon (statt leerem/verzerrtem Kasten) für einheitlichen Look - Video-Posts zeigen jetzt ein Mux-Thumbnail + Play-Icon-Overlay (`admin.listPosts` selektiert dafür zusätzlich `videoPost.muxPlaybackId`) **Beim Live-Test auf pawfeed.org gefunden + gefixt:** Hochformat-Fotos wurden nicht quadratisch zugeschnitten, sondern haben die Karte in die Höhe gezogen (Querformat-Fotos sahen dagegen korrekt aus, was den Bug beim ersten Blick maskiert hat). Ursache: dem Bild-Container fehlte `overflow-hidden`, wodurch das intrinsische Bildseitenverhältnis die eigentlich per `aspect-square` fixierte Kartenhöhe überschrieben hat — behoben in Commit `f638239`, per JS-Messung verifiziert (alle Karten jetzt exakt 740×740px, unabhängig vom Bildformat). Commits: `ed6842b` (Feature), `f638239` (Portrait-Crop-Fix). Beide deployed und live verifiziert auf pawfeed.org.
admin closed this issue 2026-08-11 15:01:41 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: admin/petfeed#7