Use inline remove button alignment for activatable slider
This commit is contained in:
+8
-11
@@ -952,11 +952,17 @@ section + section {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#component-slider .sg-slider-row[data-activatable="true"] {
|
#component-slider .sg-slider-row[data-activatable="true"] {
|
||||||
padding-right: calc(var(--interaction-height) + (var(--spacing-small) * 2));
|
position: static;
|
||||||
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#component-slider .sg-slider-row[data-activatable="true"] .sg-activatable-remove {
|
#component-slider .sg-slider-row[data-activatable="true"] .sg-activatable-remove {
|
||||||
right: var(--spacing-small);
|
position: static;
|
||||||
|
top: auto;
|
||||||
|
right: auto;
|
||||||
|
transform: none;
|
||||||
|
align-self: center;
|
||||||
|
margin-left: calc(var(--spacing-small) * 1.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-slider-row--inactive-selectable {
|
.sg-slider-row--inactive-selectable {
|
||||||
@@ -1004,15 +1010,6 @@ section + section {
|
|||||||
#component-slider .sg-slider-row[data-activatable="true"] {
|
#component-slider .sg-slider-row[data-activatable="true"] {
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#component-slider .sg-slider-row[data-activatable="true"] .sg-activatable-remove {
|
|
||||||
position: static;
|
|
||||||
top: auto;
|
|
||||||
right: auto;
|
|
||||||
transform: none;
|
|
||||||
align-self: center;
|
|
||||||
margin-left: calc(var(--spacing-small) * 1.5);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-sandwich-button {
|
.sg-sandwich-button {
|
||||||
|
|||||||
Reference in New Issue
Block a user