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

fix(components): make slider preview frame and row width input-like

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-25 07:23:16 +02:00
parent d7c8f09462
commit 604bbe6c99
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+16
View File
@@ -1142,6 +1142,11 @@ section + section {
width: 100%; width: 100%;
} }
#component-slider .sg-form-preview-area {
width: 100%;
box-sizing: border-box;
}
#component-slider .sg-state-example > :last-child { #component-slider .sg-state-example > :last-child {
width: 100%; width: 100%;
min-width: 0; min-width: 0;
@@ -1160,6 +1165,11 @@ section + section {
grid-column: 2; grid-column: 2;
} }
#component-slider .sg-state-example > .sg-slider-row,
#component-slider .sg-activatable-row .sg-slider-row {
max-width: var(--layout-input-field-max-width);
}
#component-slider .sg-slider-row .sg-slider-value { #component-slider .sg-slider-row .sg-slider-value {
min-width: 0; min-width: 0;
grid-column: 3; grid-column: 3;
@@ -1256,6 +1266,12 @@ section + section {
} }
@media (max-width: 48rem) { @media (max-width: 48rem) {
#component-slider .sg-form-preview-area {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
#component-slider .sg-state-example { #component-slider .sg-state-example {
grid-template-columns: 1fr; grid-template-columns: 1fr;
align-items: start; align-items: start;