Fix toggle switch size and styling

This commit is contained in:
Marcus Quinn
2025-03-16 03:08:33 +00:00
parent 374bedbede
commit c4d75ed2cd

View File

@ -107,19 +107,20 @@
bottom: 0; bottom: 0;
background-color: #ccc; background-color: #ccc;
transition: .3s; transition: .3s;
border-radius: 20px; border-radius: 24px;
} }
.wp-toggle-slider:before { .wp-toggle-slider:before {
position: absolute; position: absolute;
content: ""; content: "";
height: 16px; height: 20px;
width: 16px; width: 20px;
left: 2px; left: 2px;
bottom: 2px; bottom: 2px;
background-color: white; background-color: white;
transition: .3s; transition: .3s;
border-radius: 50%; border-radius: 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
} }
input:checked + .wp-toggle-slider { input:checked + .wp-toggle-slider {
@ -127,7 +128,7 @@ input:checked + .wp-toggle-slider {
} }
input:checked + .wp-toggle-slider:before { input:checked + .wp-toggle-slider:before {
transform: translateX(20px); transform: translateX(16px);
} }
/* Settings Container */ /* Settings Container */