fix(ui): make shared switches visible across CMS themes
CI / check (push) Successful in 1m13s
CI / deploy (push) Successful in 1m2s

This commit is contained in:
Simo committed 2026-09-06 21:30:13 +02:00
1 parent 35d0f3ee01
commit 7033d65846
8 files changed
+131 -61

No files matched your search

@@ -39,32 +39,6 @@
line-height: 1.5;
color: var(--admin-text-muted);
}
.toggle[data-slot="switch"] {
width: 44px;
height: 24px;
border: 1px solid var(--admin-text-muted);
background: var(--admin-border);
cursor: pointer;
}
.toggle[data-checked] {
background: var(--admin-accent);
border-color: var(--admin-accent);
}
.toggle [data-slot="switch-thumb"] {
width: 18px;
height: 18px;
left: 2px;
background: var(--admin-text);
color: var(--admin-canvas);
}
.toggle[data-checked] [data-slot="switch-thumb"] {
left: 22px;
}
.toggle:focus-visible {
outline: 2px solid var(--admin-accent);
outline-offset: 3px;
}
.option[data-disabled] .toggle,
.option[data-disabled] .label {
cursor: not-allowed;
}
@@ -864,7 +864,6 @@ function ToggleRow({
onCheckedChange={onChange}
disabled={disabled}
aria-describedby={`${id}-description`}
className={styles.toggle}
/>
</div>
</div>