gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep public layout headline full width

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-24 19:51:03 +02:00
parent 595cd6ec4e
commit a7cb1f42d8
2 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/page-layout-public-2-column.html
+3 -1
View File
@@ -36,7 +36,7 @@
</div>
</header>
<div class="sg-page-layout-public__content-mirror sg-page-layout-public-2-column__content-mirror">
<div class="sg-page-layout-public__content-mirror">
<div class="sg-page-layout-public__heading-block" aria-label="H1 Bereich">
<h1 class="sg-heading-h1 sg-text-on-dark">H1 Überschrift</h1>
<p class="sg-body sg-text-on-dark sg-text-layout-pattern__sample">
@@ -44,6 +44,7 @@
</p>
</div>
<div class="sg-page-layout-public-2-column__columns">
<article class="sg-card sg-card--content-card sg-card--content-card-dark sg-page-layout-public__footer-card sg-page-layout-public-2-column__footer-card" data-component="content-card" aria-label="Fusszeile">
<div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
@@ -57,6 +58,7 @@
</div>
</article>
</div>
</div>
</main>
<script src="../scripts/help-icon-overlays.js"></script>
styles/37-layouts-page-layout-public.css
+2 -2
View File
@@ -28,7 +28,7 @@ main {
flex: 1;
}
.sg-page-layout-public-2-column__content-mirror {
.sg-page-layout-public-2-column__columns {
display: grid;
grid-template-columns: var(--layout-page-layout-public-2-column-columns);
gap: var(--layout-page-layout-public-2-column-gap);
@@ -40,7 +40,7 @@ main {
width: min(calc(100% - (var(--spacing-small) * 2)), 1100px);
}
.sg-page-layout-public-2-column__content-mirror {
.sg-page-layout-public-2-column__columns {
grid-template-columns: 1fr;
}
}