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

Replace single-score local chart overrides with semantic tokenized variants

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-20 13:54:39 +02:00
parent e4304de9ce
commit 0f84c79b5e
3 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+10 -6
View File
@@ -111,6 +111,10 @@
--chart-marker-line: var(--color-font-dark);
--chart-median-line: var(--color-font-dark);
--text-chart-default: var(--color-font-dark);
--text-score-state-positive: var(--chart-value-positive);
--layout-score-bar-item-columns: var(--chart-axis-label-column-width) 1fr;
--layout-score-bar-item-gap: var(--spacing-large);
--layout-score-bar-item-single-score-columns: max-content 1fr max-content;
/* Semantic component tokens: Data display */
--surface-data-table: var(--color-light-grey);
@@ -2224,20 +2228,20 @@ section + section {
.sg-score-bar-item {
display: grid;
grid-template-columns: var(--chart-axis-label-column-width) 1fr;
gap: var(--spacing-large);
grid-template-columns: var(--layout-score-bar-item-columns);
gap: var(--layout-score-bar-item-gap);
align-items: center;
}
#pattern-gesamtscore-balken .sg-score-bar-item {
grid-template-columns: max-content 1fr max-content;
.sg-score-bar-list--single-score {
--layout-score-bar-item-columns: var(--layout-score-bar-item-single-score-columns);
}
#pattern-gesamtscore-balken [data-component-part="score-state"] {
.sg-score-state--positive {
margin: 0;
justify-self: end;
text-align: right;
color: var(--chart-value-positive);
color: var(--text-score-state-positive);
}
.sg-score-bar-label {