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"] {
|
||||
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 {
|
||||
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 {
|
||||
@@ -1004,15 +1010,6 @@ section + section {
|
||||
#component-slider .sg-slider-row[data-activatable="true"] {
|
||||
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 {
|
||||
|
||||
Reference in New Issue
Block a user