Fix add-to-list overlay list icon styling

This commit is contained in:
2026-06-15 10:51:55 +02:00
parent abd8864aa9
commit 97f728ef32
+4 -5
View File
@@ -81,6 +81,7 @@
width: 100%; width: 100%;
justify-content: flex-start; justify-content: flex-start;
gap: var(--spacing-small); gap: var(--spacing-small);
font-weight: var(--font-weight-regular);
color: var(--text-delete-confirmation-overlay); color: var(--text-delete-confirmation-overlay);
background: var(--surface-control-inactive); background: var(--surface-control-inactive);
} }
@@ -98,17 +99,15 @@
flex: 0 0 auto; flex: 0 0 auto;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
background-color: currentColor; background: center / contain no-repeat;
} }
.sg-delete-confirmation-pattern__list-button[data-selected="true"] .sg-delete-confirmation-pattern__list-icon { .sg-delete-confirmation-pattern__list-button[data-selected="true"] .sg-delete-confirmation-pattern__list-icon {
-webkit-mask: url("../assets/icons/star-filled.svg") no-repeat center / contain; background-image: url("../assets/icons/star-filled.svg");
mask: url("../assets/icons/star-filled.svg") no-repeat center / contain;
} }
.sg-delete-confirmation-pattern__list-button[data-selected="false"] .sg-delete-confirmation-pattern__list-icon { .sg-delete-confirmation-pattern__list-button[data-selected="false"] .sg-delete-confirmation-pattern__list-icon {
-webkit-mask: url("../assets/icons/star-outline.svg") no-repeat center / contain; background-image: url("../assets/icons/star-outline.svg");
mask: url("../assets/icons/star-outline.svg") no-repeat center / contain;
} }
.sg-delete-confirmation-pattern__text { .sg-delete-confirmation-pattern__text {