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

Slider mobile/header spacing und vertikale Ausrichtung der Werte korrigieren

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-23 10:13:26 +02:00
parent e46eb330f2
commit ead8446947
1 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+14 -16
View File
@@ -1071,15 +1071,15 @@ section + section {
}
#component-slider .sg-slider-activatable-header {
display: contents;
}
#component-slider .sg-slider-activatable-header .sg-mode-toggle {
grid-column: 1;
grid-column: 1 / 3;
display: grid;
grid-template-columns: max-content max-content;
column-gap: var(--spacing-large);
align-items: center;
width: max-content;
}
#component-slider .sg-slider-activatable-header .sg-label {
grid-column: 2;
min-width: 0;
}
@@ -1100,6 +1100,14 @@ section + section {
min-width: calc(var(--interaction-height) * 1.25);
}
#component-slider .sg-slider-row .sg-slider-value,
#component-slider .sg-activatable-row .sg-slider-row .sg-slider-value {
display: inline-flex;
align-items: center;
height: var(--interaction-height);
line-height: 1;
}
.sg-pulldown-panel .sg-slider-row[data-activatable="true"] {
display: grid;
grid-template-columns:
@@ -1153,17 +1161,7 @@ section + section {
column-gap: var(--spacing-large);
}
#component-slider .sg-slider-activatable-header {
display: contents;
}
#component-slider .sg-slider-activatable-header .sg-mode-toggle {
grid-column: 1;
grid-row: 1;
}
#component-slider .sg-slider-activatable-header .sg-label {
grid-column: 2;
grid-row: 1;
}