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

Match charts preview surface width range to company card

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-20 13:35:54 +02:00
parent 841020e102
commit c9112e5f2e
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/charts.html
+1 -1
View File
@@ -13,7 +13,7 @@
<section id="component-score-bar"> <section id="component-score-bar">
<p class="sg-preview-label">Component: Score-Balken / Median-Marker</p> <p class="sg-preview-label">Component: Score-Balken / Median-Marker</p>
<div class="sg-form-preview-area"> <div class="sg-form-preview-area sg-chart-preview-area">
<div class="sg-score-bar-list" data-component="score-bar-list"> <div class="sg-score-bar-list" 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">Label</p> <p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Label</p>
styleguide.css
+6
View File
@@ -2275,6 +2275,12 @@ section + section {
background: transparent; background: transparent;
} }
.sg-chart-preview-area {
min-width: var(--layout-object-card-min-width);
max-width: var(--layout-object-card-max-width);
width: 100%;
}
.sg-bar-chart { .sg-bar-chart {
display: block; display: block;
width: 100%; width: 100%;