fix(ui): make shared switches visible across CMS themes
This commit is contained in:
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>
|
||||
|
||||
Reference in new issue
Block a user