From a6fc557fad5d5ee0cb5fcf8e7594ae220baf0539 Mon Sep 17 00:00:00 2001
From: Kenzo <kenzo.signer@bookageek.ch>
Date: Tue, 11 Aug 2026 13:55:15 +0200
Subject: [PATCH] fix(admin): Styles greifen wieder fuer die dynamisch
 erzeugten Listen

Astro scoped <style>-Bloecke und schraenkt jede Regel auf
[data-astro-cid-...] ein. Dieses Attribut setzt es nur auf Elemente, die zur
Bauzeit im Template stehen. Die Karten der Event-, Gallery- und
Banner-Listen entstehen aber erst zur Laufzeit per innerHTML und tragen es
nicht - fuer sie hat kein einziger Selektor gegriffen.

Betroffen waren .card, .thumb, .muted, .row-buttons, .pill, .drag-handle und
.highlight-row. Sichtbar wurde es an den Vorschaubildern: sie liefen in
voller Aufloesung ueber die Spalten hinaus. Auch die urspruengliche Regel
max-width:100% hatte deshalb nie gewirkt, nicht erst die neue feste Box.

Behoben mit is:global. Die Seite ist ein eigenstaendiges Dokument mit
eigenem <html>, es kann also nichts anderes davon betroffen sein.

Der erklaerende Kommentar steht als {/* */} im Template und landet damit
nicht in der ausgelieferten Seite.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 src/pages/admin.astro | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/src/pages/admin.astro b/src/pages/admin.astro
index 973c3e1..7a956ef 100644
--- a/src/pages/admin.astro
+++ b/src/pages/admin.astro
@@ -7,7 +7,14 @@ const title = 'Admin';
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>{title}</title>
-    <style>
+    {/*
+      is:global ist hier zwingend. Astro wuerde die Regeln sonst auf
+      [data-astro-cid-...] einschraenken, und dieses Attribut setzt es nur auf
+      Elemente, die zur Bauzeit im Template stehen. Die Karten und Bilder der
+      Listen entstehen aber erst zur Laufzeit per innerHTML - fuer die haette
+      kein einziger Selektor gegriffen.
+    */}
+    <style is:global>
       body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif; margin: 1rem; }
       h1, h2 { margin: 0.5rem 0; }
       section { border: 1px solid #ddd; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; }
