Simplify CTA right public page layout

2026-06-23 17:51:49 +02:00
parent 1a9055b0d6
commit 82b9a616c5
2 changed files with 16 additions and 30 deletions
@@ -8,7 +8,7 @@
 </head>
 <body class="sg-page-cards-public-page">

-  <h1 class="sg-main-heading">Components – Cards Public Page</h1>
+  <h1 class="sg-main-heading">Component: CTA Right</h1>

  <main aria-label="Cards Public Page">

@@ -20,9 +20,6 @@
          Content Wrapper Card als Transparent Card ohne horizontale Außenabstände und mit vertikalem Abstand gemäss spacing-large.
        </p>

-        <section id="component-cta-right">
-          <p class="sg-preview-label">Component: CTA Right</p>
-
        <article class="sg-card sg-card--content-card sg-card--content-card-dark sg-cards-public-page__cta-right-card" data-component="content-card" aria-label="CTA Right">
          <div class="sg-card-segment sg-card-segment--body sg-cards-public-page__cta-right-body">
            <div class="sg-cards-public-page__cta-right-grid">
@@ -40,7 +37,6 @@
            </div>
          </div>
        </article>
-        </section>
      </div>
    </section>

@@ -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;
 }