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

Standardize transparent card padding and apply it to drawer analysis intro

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-21 16:41:40 +02:00
parent 4964ebfe08
commit c28853560d
3 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/cards.html
+1 -1
View File
@@ -156,7 +156,7 @@
<div class="sg-transparent-card" data-component="transparent-card"> <div class="sg-transparent-card" data-component="transparent-card">
<p class="sg-body"> <p class="sg-body">
Transparente Card ohne Padding. Transparente Card mit standardisiertem Card-Padding.
</p> </p>
</div> </div>
patterns/vsf-card-listen-fundamentalanalyse-drawer.html
+1 -1
View File
@@ -84,7 +84,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="sg-vsf-fundamental-analysis-intro"> <div class="sg-transparent-card sg-vsf-fundamental-analysis-intro" data-component="transparent-card">
<h2 class="sg-heading-h2 sg-vsf-fundamental-analysis-heading">Fundamentalanalyse vom 12.5.2026</h2> <h2 class="sg-heading-h2 sg-vsf-fundamental-analysis-heading">Fundamentalanalyse vom 12.5.2026</h2>
<p class="sg-body sg-text-layout-pattern__sample sg-text-layout-pattern__sample--full-width" data-pattern-part="text-block-full-width"> <p class="sg-body sg-text-layout-pattern__sample sg-text-layout-pattern__sample--full-width" data-pattern-part="text-block-full-width">
Nächste Quartalszahlen/Fundamentalanalyse: nicht bekannt Nächste Quartalszahlen/Fundamentalanalyse: nicht bekannt
styleguide.css
+5 -1
View File
@@ -2406,7 +2406,11 @@ section + section {
.sg-transparent-card { .sg-transparent-card {
color: var(--text-card-transparent); color: var(--text-card-transparent);
background: var(--surface-card-transparent); background: var(--surface-card-transparent);
padding: 0; padding:
var(--layout-card-segment-padding-top)
var(--layout-card-segment-padding-right)
var(--layout-card-segment-padding-bottom)
var(--layout-card-segment-padding-left);
} }
.sg-transparent-card p { .sg-transparent-card p {