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

Move public layout text to second column

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-24 19:54:37 +02:00
parent 9b675916b5
commit b6233c237a
2 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/page-layout-public-2-column.html
+9 -8
View File
@@ -42,18 +42,19 @@
</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">
<article class="sg-card sg-card--content-card sg-card--content-card-dark" 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">
<p class="sg-body sg-text-layout-pattern__column">
Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
<p class="sg-body">
Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im Layout.
</p>
<p class="sg-body sg-text-layout-pattern__column">
Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
</p>
</div>
</div>
</article>
<div class="sg-page-layout-public-2-column__text-column">
<p class="sg-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Praesent eget sem vel lacus luctus blandit eu in
</p>
</div>
</div>
</div>
</main>
styles/37-layouts-page-layout-public.css
+4 -4
View File
@@ -35,6 +35,10 @@ main {
align-items: start;
}
.sg-page-layout-public-2-column__text-column {
min-width: 0;
}
@media (max-width: 48rem) {
.sg-page-layout-public__content-mirror {
width: min(calc(100% - (var(--spacing-small) * 2)), 1100px);
@@ -48,7 +52,3 @@ main {
.sg-page-layout-public__footer-card {
margin-top: auto;
}
.sg-page-layout-public-2-column__footer-card {
margin-top: 0;
}