From f346fc68e0b3081cfc28900d7236250b24d94e86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Mon, 28 Sep 2026 07:56:50 +0200
Subject: [PATCH] Sync styleguide 2026.05.18.2

---
 docs/styleguide/components/data-display.html          |  2 ++
 docs/styleguide/styles/42-components-data-display.css | 11 +++++++++++
 public/assets/styleguide.upstream.css                 | 11 +++++++++++
 public/assets/styleguide.upstream.meta.json           |  4 ++--
 public/assets/styles.css                              | 11 +++++++++++
 5 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/docs/styleguide/components/data-display.html b/docs/styleguide/components/data-display.html
index 0994787..be76b74 100644
--- a/docs/styleguide/components/data-display.html
+++ b/docs/styleguide/components/data-display.html
@@ -80,6 +80,7 @@
     <p>Optionale Spaltenbreiten-Anpassung: <code>data-column-resize="true"</code> aktiviert die Funktion. Die Tabelle benötigt dafür eine stabile, portalweit eindeutige <code>data-column-resize-key</code>. Die Header-Zellen können mit <code>data-default-width</code> (Prozent, Pixel oder relative <code>fr</code>-Werte) und die Tabelle mit <code>data-column-min-width</code> konfiguriert werden. Die Runtime wird nach dynamischem Nachladen über <code>window.sgInitLargeTableColumnResize({ root })</code> erneut aufgerufen. Gespeicherte Werte liegen als <code>{ version: 1, widths: number[] }</code> unter <code>sg:large-table:column-widths:&lt;key&gt;</code> in <code>localStorage</code>.</p>
 
     <article id="styleguide-large-table" class="sg-card sg-large-table" data-component="large-table" data-column-resize="true" data-column-resize-key="styleguide-large-table" data-column-min-width="8rem" role="table" aria-label="Beispiel Large Table">
+      <div class="sg-large-table__viewport" data-component-part="large-table-viewport">
       <div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-large-table__title-segment" data-component-part="large-table-header">
         <div class="sg-strong">Large Table</div>
         <span class="sg-search-field-row" data-component="search-field">
@@ -224,6 +225,7 @@
           </article>
         </div>
       </div>
+      </div>
     </article>
 
   </section>
diff --git a/docs/styleguide/styles/42-components-data-display.css b/docs/styleguide/styles/42-components-data-display.css
index 18df569..881254b 100644
--- a/docs/styleguide/styles/42-components-data-display.css
+++ b/docs/styleguide/styles/42-components-data-display.css
@@ -72,7 +72,18 @@
 }
 
 .sg-large-table[data-column-resize="true"] {
+  overflow: hidden;
+}
+
+.sg-large-table__viewport {
+  align-self: stretch;
+  flex: 1 1 auto;
+  min-width: 0;
+  width: auto;
+  max-width: 100%;
   overflow-x: auto;
+  overflow-y: hidden;
+  box-sizing: border-box;
 }
 
 .sg-large-table__title-segment {
diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css
index f0c8129..77473a2 100644
--- a/public/assets/styleguide.upstream.css
+++ b/public/assets/styleguide.upstream.css
@@ -4947,7 +4947,18 @@ main {
 }
 
 .sg-large-table[data-column-resize="true"] {
+  overflow: hidden;
+}
+
+.sg-large-table__viewport {
+  align-self: stretch;
+  flex: 1 1 auto;
+  min-width: 0;
+  width: auto;
+  max-width: 100%;
   overflow-x: auto;
+  overflow-y: hidden;
+  box-sizing: border-box;
 }
 
 .sg-large-table__title-segment {
diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json
index 538e3d6..6211f09 100644
--- a/public/assets/styleguide.upstream.meta.json
+++ b/public/assets/styleguide.upstream.meta.json
@@ -1,7 +1,7 @@
 {
   "styleguideVersion": "2026.05.18.2",
-  "styleguideCommit": "e5ee5e7",
-  "syncedAtUtc": "2026-09-28T05:43:52Z",
+  "styleguideCommit": "0406ca2",
+  "syncedAtUtc": "2026-09-28T05:56:50Z",
   "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
   "mirroredDocsPath": "docs/styleguide"
 }
diff --git a/public/assets/styles.css b/public/assets/styles.css
index f0c8129..77473a2 100644
--- a/public/assets/styles.css
+++ b/public/assets/styles.css
@@ -4947,7 +4947,18 @@ main {
 }
 
 .sg-large-table[data-column-resize="true"] {
+  overflow: hidden;
+}
+
+.sg-large-table__viewport {
+  align-self: stretch;
+  flex: 1 1 auto;
+  min-width: 0;
+  width: auto;
+  max-width: 100%;
   overflow-x: auto;
+  overflow-y: hidden;
+  box-sizing: border-box;
 }
 
 .sg-large-table__title-segment {