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

Add right-aligned score state text to single score bar pattern

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-20 13:43:49 +02:00
parent 99258a5881
commit 47575e9687
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/charts.html
+1
View File
@@ -53,6 +53,7 @@
<div class="sg-score-bar__value sg-score-bar__value--positive sg-score-bar__value--w96" data-component-part="score-value" data-component-state="positive"></div> <div class="sg-score-bar__value sg-score-bar__value--positive sg-score-bar__value--w96" data-component-part="score-value" data-component-state="positive"></div>
<div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div> <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
</div> </div>
<p class="sg-strong" data-component-part="score-state">attraktiv</p>
</div> </div>
</div> </div>
</div> </div>
styleguide.css
+7 -1
View File
@@ -2230,7 +2230,13 @@ section + section {
} }
#pattern-gesamtscore-balken .sg-score-bar-item { #pattern-gesamtscore-balken .sg-score-bar-item {
grid-template-columns: max-content 1fr; grid-template-columns: max-content 1fr max-content;
}
#pattern-gesamtscore-balken [data-component-part="score-state"] {
margin: 0;
justify-self: end;
text-align: right;
} }
.sg-score-bar-label { .sg-score-bar-label {