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

Fix layout 3 by separating lightgrey segments from content wrappers

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-28 09:06:24 +02:00
parent d69718d87a
commit d189ea6fa8
1 changed files with 23 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/vsf-list-card.html
+6 -2
View File
@@ -166,7 +166,8 @@
</div> </div>
</div> </div>
</header> </header>
<div class="sg-card-segment sg-card-segment--body sg-card-segment--lightgrey sg-object-card__content" data-pattern-part="company-card-score"> <div class="sg-card-segment sg-card-segment--body sg-card-segment--lightgrey" data-pattern-part="company-card-score">
<div class="sg-object-card__content">
<div class="sg-score-bar-list sg-score-bar-list--single-score" aria-label="Gesamtscore-Balken" data-component="score-bar-list"> <div class="sg-score-bar-list sg-score-bar-list--single-score" aria-label="Gesamtscore-Balken" data-component="score-bar-list">
<div class="sg-score-bar-item" data-component="score-bar"> <div class="sg-score-bar-item" data-component="score-bar">
<p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Score:</p> <p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Score:</p>
@@ -178,7 +179,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="sg-card-segment sg-card-segment--body sg-card-segment--lightgrey sg-object-card__content" data-pattern-part="company-card-data-columns"> </div>
<div class="sg-card-segment sg-card-segment--body sg-card-segment--lightgrey" data-pattern-part="company-card-data-columns">
<div class="sg-object-card__content">
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__three-column-distributed" aria-label="Company Kennzahlen dreispaltig verteilt" data-pattern-part="company-card-metrics-three-column"> <div class="sg-text-layout-pattern__sample sg-text-layout-pattern__three-column-distributed" aria-label="Company Kennzahlen dreispaltig verteilt" data-pattern-part="company-card-metrics-three-column">
<p class="sg-body sg-text-layout-pattern__column sg-text-layout-pattern__column--align-left"> <p class="sg-body sg-text-layout-pattern__column sg-text-layout-pattern__column--align-left">
PE: <span class="sg-data-table__value">28.8</span> PE: <span class="sg-data-table__value">28.8</span>
@@ -191,6 +194,7 @@
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="sg-card-segment sg-card-segment--gray sg-object-card__content" data-pattern-part="company-card-content"> <div class="sg-card-segment sg-card-segment--gray sg-object-card__content" data-pattern-part="company-card-content">
<div class="sg-score-bar-list sg-company-card__analysis-bars" aria-label="Fundamentalanalyse Score-Balken" data-component="score-bar-list"> <div class="sg-score-bar-list sg-company-card__analysis-bars" aria-label="Fundamentalanalyse Score-Balken" data-component="score-bar-list">
<div class="sg-score-bar-item" data-component="score-bar"> <div class="sg-score-bar-item" data-component="score-bar">