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

Use three-column distributed metrics in company card layout

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-23 08:01:22 +02:00
parent 38e1e0369f
commit b8bba8d118
1 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/company-card.html
+11 -12
View File
@@ -45,18 +45,17 @@
</div> </div>
</div> </div>
<div class="sg-card-segment sg-card-segment--body sg-card-segment--lightgrey" data-pattern-part="company-card-data-columns"> <div class="sg-card-segment sg-card-segment--body sg-card-segment--lightgrey" data-pattern-part="company-card-data-columns">
<table class="sg-data-table" aria-label="Company Kennzahlen-Spalten" data-component="data-columns"> <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">
<tbody> <p class="sg-body sg-text-layout-pattern__column sg-text-layout-pattern__column--align-left">
<tr> PE: <span class="sg-data-table__value">28.8</span>
<td data-component-part="data-columns-value-cell">PE: <span class="sg-data-table__value">28.8</span></td> </p>
<td data-component-part="data-columns-reference-cell">PE forw.: <span class="sg-data-table__value sg-company-card__metric-negative" data-component-state="negative">23.3</span></td> <p class="sg-body sg-text-layout-pattern__column sg-text-layout-pattern__column--align-center">
</tr> PE forw.: <span class="sg-data-table__value sg-company-card__metric-negative" data-component-state="negative">23.3</span>
<tr> </p>
<td data-component-part="data-columns-value-cell">PEG: <span class="sg-data-table__value sg-company-card__metric-negative" data-component-state="negative">3.54</span></td> <p class="sg-body sg-text-layout-pattern__column sg-text-layout-pattern__column--align-right">
<td data-component-part="data-columns-reference-cell"></td> PEG: <span class="sg-data-table__value sg-company-card__metric-negative" data-component-state="negative">3.54</span>
</tr> </p>
</tbody> </div>
</table>
</div> </div>
<div class="sg-card-segment sg-card-segment--body sg-object-card__content" data-pattern-part="company-card-content"> <div class="sg-card-segment sg-card-segment--body sg-object-card__content" data-pattern-part="company-card-content">
<p class="sg-table-label sg-company-card__analysis-title">Fundamentalanalyse vom 8.5.2026:</p> <p class="sg-table-label sg-company-card__analysis-title">Fundamentalanalyse vom 8.5.2026:</p>