Adjust slider width behavior to match input field constraints
This commit is contained in:
+6
-4
@@ -842,9 +842,11 @@ section + section {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sg-slider-row {
|
.sg-slider-row {
|
||||||
display: inline-flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: var(--spacing-small);
|
gap: var(--spacing-small);
|
||||||
|
width: 100%;
|
||||||
|
max-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-slider-row .sg-label {
|
.sg-slider-row .sg-label {
|
||||||
@@ -854,9 +856,9 @@ section + section {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sg-slider {
|
.sg-slider {
|
||||||
width: var(--layout-input-field-desktop-width);
|
width: 100%;
|
||||||
min-width: var(--layout-input-field-desktop-width);
|
min-width: 0;
|
||||||
max-width: var(--layout-input-field-desktop-width);
|
max-width: var(--layout-input-field-max-width);
|
||||||
height: var(--interaction-height);
|
height: var(--interaction-height);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user