Sliderwert wie Label ausrichten: reine Grid-Zentrierung ohne Flex
This commit is contained in:
+4
-9
@@ -1060,6 +1060,8 @@ section + section {
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
grid-column: 3;
|
grid-column: 3;
|
||||||
justify-self: start;
|
justify-self: start;
|
||||||
|
align-self: center;
|
||||||
|
line-height: var(--line-height-base);
|
||||||
}
|
}
|
||||||
|
|
||||||
#component-slider .sg-activatable-row {
|
#component-slider .sg-activatable-row {
|
||||||
@@ -1098,16 +1100,8 @@ section + section {
|
|||||||
grid-column: 4;
|
grid-column: 4;
|
||||||
justify-self: start;
|
justify-self: start;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
|
||||||
|
|
||||||
#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;
|
|
||||||
justify-content: flex-start;
|
|
||||||
line-height: var(--line-height-base);
|
|
||||||
align-self: center;
|
align-self: center;
|
||||||
transform: none;
|
line-height: var(--line-height-base);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-pulldown-panel .sg-slider-row[data-activatable="true"] {
|
.sg-pulldown-panel .sg-slider-row[data-activatable="true"] {
|
||||||
@@ -1188,6 +1182,7 @@ section + section {
|
|||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
justify-self: start;
|
justify-self: start;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
|
line-height: var(--line-height-base);
|
||||||
}
|
}
|
||||||
|
|
||||||
#component-slider .sg-activatable-row .sg-slider-row .sg-label {
|
#component-slider .sg-activatable-row .sg-slider-row .sg-label {
|
||||||
|
|||||||
Reference in New Issue
Block a user