Use inline remove button alignment for activatable slider

This commit is contained in:
2026-05-19 15:49:40 +02:00
parent 9db4a50e68
commit 36e1682e64
+8 -11
View File
@@ -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 {