From 82b9a616c5f7d6fa3a1fd676e9877c41de3eb9ca Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Tue, 23 Jun 2026 17:51:49 +0200 Subject: [PATCH] Simplify CTA right public page layout --- components/cards-public-page.html | 34 ++++++++++++++----------------- styles/40-components-cards.css | 12 +---------- 2 files changed, 16 insertions(+), 30 deletions(-) diff --git a/components/cards-public-page.html b/components/cards-public-page.html index 40c4c99..9e8410c 100644 --- a/components/cards-public-page.html +++ b/components/cards-public-page.html @@ -8,7 +8,7 @@ -

Components – Cards Public Page

+

Component: CTA Right

@@ -20,27 +20,23 @@ Content Wrapper Card als Transparent Card ohne horizontale Außenabstände und mit vertikalem Abstand gemäss spacing-large.

-
-

Component: CTA Right

+
+
+
+
+

+ Ein Satz Text als CTA-Hinweis. +

+
-
-
-
-
-

- Ein Satz Text als CTA-Hinweis. -

-
- -
- -
+
+
-
-
+ + diff --git a/styles/40-components-cards.css b/styles/40-components-cards.css index fb2e3c9..8ecf081 100644 --- a/styles/40-components-cards.css +++ b/styles/40-components-cards.css @@ -230,23 +230,12 @@ margin: 0 0 var(--spacing-large) 0; } -.sg-page-cards-public-page { - overflow-x: hidden; -} - .sg-page-cards .sg-preview-area > .sg-card, .sg-page-cards .sg-preview-area > .sg-transparent-card { width: 100%; max-width: none; } -.sg-page-cards-public-page #component-content-wrapper-card { - width: 100%; - max-width: 100%; - box-sizing: border-box; - padding-inline: var(--spacing-small); -} - .sg-page-cards-public-page #component-content-wrapper-card > .sg-transparent-card { width: 100%; max-width: none; @@ -256,6 +245,7 @@ .sg-page-cards-public-page .sg-cards-public-page__cta-right-card { width: var(--layout-public-content-element-width); max-width: none; + margin-top: var(--spacing-large); margin-inline-start: auto; }