From 6cc865d984d1a94216a70df0b3e2afa8a0f2fd7f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Tue, 26 May 2026 11:44:08 +0200 Subject: [PATCH] Fix text-layout pattern viewport overflow --- styles/31-patterns-text-layouts.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/styles/31-patterns-text-layouts.css b/styles/31-patterns-text-layouts.css index 208f928..0eee111 100644 --- a/styles/31-patterns-text-layouts.css +++ b/styles/31-patterns-text-layouts.css @@ -10,6 +10,7 @@ .sg-text-layout-pattern__preview-surface { width: 100%; + box-sizing: border-box; padding: var(--spacing-large); border-radius: var(--radius-card); background: var(--surface-text-layout-preview); @@ -33,6 +34,7 @@ .sg-text-layout-pattern__two-column { width: 100%; + min-width: 0; display: grid; grid-template-columns: var(--layout-text-layout-two-column-columns); column-gap: var(--layout-text-layout-column-gap); @@ -40,6 +42,7 @@ .sg-text-layout-pattern__three-column-distributed { width: 100%; + min-width: 0; display: grid; grid-template-columns: var(--layout-text-layout-three-column-columns); column-gap: var(--layout-text-layout-column-gap); @@ -47,6 +50,7 @@ .sg-text-layout-pattern__column { margin: 0; + min-width: 0; } .sg-text-layout-pattern__column--align-left { @@ -78,4 +82,3 @@ grid-template-columns: var(--layout-text-layout-three-column-columns); } } -