From 7788e0370ec20d4e29e4e1c9a86af40dbd7dbb33 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Fri, 26 Jun 2026 22:40:30 +0200
Subject: [PATCH] =?UTF-8?q?feat(link-list):=20CMS-Feld=20columns=20(auto|s?=
 =?UTF-8?q?ingle)=20f=C3=BCr=20Spaltenlayout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

single = immer untereinander, auto = breitenbasiert mehrspaltig ab >4.
Regionalplan-Generatorenliste (w1-w40) auf single.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/lib/block-types.ts                         | 2 ++
 src/lib/components/blocks/LinkListBlock.svelte | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/block-types.ts b/src/lib/block-types.ts
index aa8e4b4..5deefc3 100644
--- a/src/lib/block-types.ts
+++ b/src/lib/block-types.ts
@@ -216,6 +216,8 @@ export interface LinkListBlockData {
   _slug?: string;
   headline?: string;
   links?: Array<string | { url?: string; linkName?: string; newTab?: boolean }>;
+  /** Spaltenlayout: "auto" = mehrspaltig bei >4 Links, "single" = immer untereinander. */
+  columns?: "auto" | "single";
   layout?: BlockLayout;
 }
 
diff --git a/src/lib/components/blocks/LinkListBlock.svelte b/src/lib/components/blocks/LinkListBlock.svelte
index 04e8db5..08f8ccc 100644
--- a/src/lib/components/blocks/LinkListBlock.svelte
+++ b/src/lib/components/blocks/LinkListBlock.svelte
@@ -26,6 +26,8 @@
     links.length > 0 &&
       links.every((l) => l.icon && l.showText === false),
   );
+  // "single" = immer einspaltig (CMS-Override); sonst breitenbasiert mehrspaltig bei >4
+  const multiColumn = $derived(block.columns !== "single" && links.length > 4);
 </script>
 
 <div class="link-list {layoutClasses}" data-block="LinkList" data-block-type="link_list" data-block-slug={block._slug}>
@@ -35,7 +37,7 @@
   <ul
     class={iconOnlyAll
       ? "flex flex-wrap gap-3"
-      : links.length > 4
+      : multiColumn
         ? "grid grid-cols-[repeat(auto-fill,minmax(13rem,1fr))] gap-x-8 gap-y-1.5"
         : "flex flex-col gap-1.5"}
   >