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

Align VSF detail intro structure with transparent-card setup

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-28 14:40:54 +02:00
parent f77704d87e
commit e4e361b9bd
2 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/vsf-list-detailseite.html
+1 -3
View File
@@ -101,9 +101,7 @@
</div>
<div class="sg-transparent-card sg-vsf-list-detail-page__intro-block" aria-label="Einleitung zur VSF Listenübersicht" data-component="transparent-card">
<div class="sg-vsf-list-detail-page__title-row">
<h1 class="sg-heading-h1 sg-text-on-dark sg-vsf-list-detail-page__title">TITEL DER LISTE</h1>
</div>
<h1 class="sg-heading-h1 sg-vsf-list-detail-page__title">TITEL DER LISTE</h1>
<p class="sg-body sg-text-layout-pattern__sample sg-text-layout-pattern__sample--sixty-width">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis purus sed urna ultricies, id aliquet justo malesuada. Morbi luctus, augue in cursus ultrices, justo lorem posuere mi, at suscipit est turpis vitae ipsum. Praesent posuere nisl a nisl fermentum, nec feugiat odio volutpat. Nam id dictum justo, eget dapibus arcu. Fusce varius justo nec nibh gravida, sed dignissim est tempor.</p>
</div>
styles/33-layouts-vsf-list-detailseite.css
+3 -6
View File
@@ -25,12 +25,9 @@
gap: var(--spacing-large);
}
.sg-vsf-list-detail-page__title-row {
display: inline-flex;
align-items: center;
gap: var(--spacing-small);
width: fit-content;
max-width: 100%;
.sg-vsf-list-detail-page__intro-block .sg-vsf-list-detail-page__title,
.sg-vsf-list-detail-page__intro-block .sg-text-layout-pattern__sample--sixty-width {
color: var(--color-font-light);
}
.sg-vsf-list-detail-page__intro-block .sg-text-layout-pattern__sample--sixty-width {