Skip to content

Commit 9027820

Browse files
committed
Remove vendor prefixes and update toggler checked state styling
1 parent 18a5e0e commit 9027820

1 file changed

Lines changed: 2 additions & 8 deletions

File tree

packages/ui/src/components/editor/common/Toggler/Toggler.module.scss

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,6 @@
2020
bottom: 0;
2121
background-color: var(--vscode-input-background);
2222
border: 1px solid var(--cwc-border-color);
23-
-webkit-transition: 0.4s;
2423
transition: 0.4s;
2524
border-radius: 20px;
2625
}
@@ -33,21 +32,16 @@
3332
left: 3px;
3433
bottom: 3px;
3534
background-color: var(--vscode-input-foreground);
36-
-webkit-transition: 0.4s;
3735
transition: 0.4s;
3836
border-radius: 50%;
3937
}
4038

4139
input:checked + .slider {
4240
background-color: var(--vscode-button-background);
43-
}
44-
45-
input:focus + .slider {
46-
box-shadow: 0 0 1px var(--vscode-focusBorder);
41+
border-color: transparent;
4742
}
4843

4944
input:checked + .slider:before {
50-
-webkit-transform: translateX(16px);
51-
-ms-transform: translateX(16px);
5245
transform: translateX(16px);
46+
background-color: var(--vscode-button-foreground);
5347
}

0 commit comments

Comments
 (0)