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

Fix slider value visibility on narrow widths

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-19 13:15:48 +02:00
parent bfa6850249
commit ce249c2730
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+4
View File
@@ -856,6 +856,7 @@ section + section {
.sg-slider-row { .sg-slider-row {
display: flex; display: flex;
flex-wrap: wrap;
align-items: center; align-items: center;
gap: var(--spacing-small); gap: var(--spacing-small);
width: 100%; width: 100%;
@@ -869,6 +870,7 @@ section + section {
} }
.sg-slider { .sg-slider {
flex: 1 1 14rem;
width: 100%; width: 100%;
min-width: 0; min-width: 0;
max-width: var(--layout-input-field-max-width); max-width: var(--layout-input-field-max-width);
@@ -926,7 +928,9 @@ section + section {
} }
.sg-slider-value { .sg-slider-value {
flex: 0 0 auto;
min-width: calc(var(--interaction-height) * 1.25); min-width: calc(var(--interaction-height) * 1.25);
white-space: nowrap;
text-align: right; text-align: right;
color: var(--text-control-default); color: var(--text-control-default);
} }