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

Make score-bar labels auto-size and remove local company-card override

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-20 15:22:57 +02:00
parent 395d3fcaa2
commit 4c53d1c1b3
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/company-card.html
+1 -1
View File
@@ -60,7 +60,7 @@
</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">Fundamentalanalyse vom 8.5.2026:</p> <p class="sg-table-label">Fundamentalanalyse vom 8.5.2026:</p>
<div class="sg-score-bar-list" style="--layout-score-bar-item-columns: 10rem 1fr; margin-top: var(--spacing-small);" aria-label="Fundamentalanalyse Score-Balken" data-component="score-bar-list"> <div class="sg-score-bar-list" style="margin-top: var(--spacing-small);" 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">
<p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Marktbewertung:</p> <p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Marktbewertung:</p>
<div class="sg-score-bar sg-score-bar--marker-mid" data-component-part="score-track"> <div class="sg-score-bar sg-score-bar--marker-mid" data-component-part="score-track">
semantic-tokens-components.html
+1 -1
View File
@@ -161,7 +161,7 @@
<tr><td>chart-value-negative</td><td>color-signal-red</td><td>Füllfarbe negativer Werte.</td></tr> <tr><td>chart-value-negative</td><td>color-signal-red</td><td>Füllfarbe negativer Werte.</td></tr>
<tr><td>chart-median-line</td><td>color-font-dark</td><td>Farbe der Median-Markierung.</td></tr> <tr><td>chart-median-line</td><td>color-font-dark</td><td>Farbe der Median-Markierung.</td></tr>
<tr><td>text-score-state-positive</td><td>chart-value-positive</td><td>Textfarbe positiver Zustandslabels am Gesamtscore-Balken.</td></tr> <tr><td>text-score-state-positive</td><td>chart-value-positive</td><td>Textfarbe positiver Zustandslabels am Gesamtscore-Balken.</td></tr>
<tr><td>layout-score-bar-item-columns</td><td>chart-axis-label-column-width und 1fr</td><td>Standardspalten der Score-Bar-Zeile: Labelspalte plus Balkenspur.</td></tr> <tr><td>layout-score-bar-item-columns</td><td>max-content und 1fr</td><td>Standardspalten der Score-Bar-Zeile: dynamische Labelspalte (längstes Label) plus Balkenspur.</td></tr>
<tr><td>layout-score-bar-item-gap</td><td>spacing-large</td><td>Abstand zwischen Labelspalte und Balkenspur in der Score-Bar-Zeile.</td></tr> <tr><td>layout-score-bar-item-gap</td><td>spacing-large</td><td>Abstand zwischen Labelspalte und Balkenspur in der Score-Bar-Zeile.</td></tr>
<tr><td>layout-score-bar-item-single-score-columns</td><td>max-content, 1fr und max-content</td><td>Spalten der Score-Bar-Zeile in der Single-Score-Variante: Label, Balken, Zustandslabel.</td></tr> <tr><td>layout-score-bar-item-single-score-columns</td><td>max-content, 1fr und max-content</td><td>Spalten der Score-Bar-Zeile in der Single-Score-Variante: Label, Balken, Zustandslabel.</td></tr>
</tbody></table> </tbody></table>
styleguide.css
+1 -1
View File
@@ -112,7 +112,7 @@
--chart-median-line: var(--color-font-dark); --chart-median-line: var(--color-font-dark);
--text-chart-default: var(--color-font-dark); --text-chart-default: var(--color-font-dark);
--text-score-state-positive: var(--chart-value-positive); --text-score-state-positive: var(--chart-value-positive);
--layout-score-bar-item-columns: var(--chart-axis-label-column-width) 1fr; --layout-score-bar-item-columns: max-content 1fr;
--layout-score-bar-item-gap: var(--spacing-large); --layout-score-bar-item-gap: var(--spacing-large);
--layout-score-bar-item-single-score-columns: max-content 1fr max-content; --layout-score-bar-item-single-score-columns: max-content 1fr max-content;