Unified sizes of the checkbox switch

Former-commit-id: 392fdf006c81fb5586349b8a4b4544e0c07aa903
This commit is contained in:
manuel 2019-02-25 16:20:05 +01:00
parent 7f01e47e1f
commit b7cc25314d

View File

@ -4488,8 +4488,8 @@ ul.ui-front li a.ui-menu-item-wrapper:hover {
.toogle_switch { .toogle_switch {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 47px; width: 30px;
height: 24px; height: 17px;
} }
.toogle_switch input { .toogle_switch input {
@ -4506,21 +4506,21 @@ ul.ui-front li a.ui-menu-item-wrapper:hover {
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: #ccc; background-color: #ccc;
-webkit-transition: 0.7s; -webkit-transition: 0.4s;
transition: 0.7s; transition: 0.4s;
border-radius: 34px; border-radius: 34px;
} }
.slider:before { .slider:before {
position: absolute; position: absolute;
content: ""; content: "";
height: 16px; height: 13px;
width: 16px; width: 13px;
left: 4px; left: 2px;
bottom: 4px; bottom: 2px;
background-color: white; background-color: white;
-webkit-transition: 0.7s; -webkit-transition: 0.4s;
transition: 0.7s; transition: 0.4s;
border-radius: 50%; border-radius: 50%;
} }
@ -4533,10 +4533,9 @@ input:focus + .slider {
} }
input:checked + .slider:before { input:checked + .slider:before {
-webkit-transform: translateX(26px); -webkit-transform: translateX(13px);
-ms-transform: translateX(26px); -ms-transform: translateX(13px);
transform: translateX(26px); transform: translateX(13px);
background-color: rgb(197, 235, 192);
} }
/* jQuery dialog */ /* jQuery dialog */