asc/sportspress
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make toggle switches smaller

Browse Source
This commit is contained in:
Brian Miyaji
2016-04-08 15:27:10 +10:00
parent 35ed9962d4
commit a2b7bd88d1
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/css/admin.css
View File

@@ -593,12 +593,12 @@ table.widefat.sp-sortable-table tbody tr .icon {
} }
.sp-toggle-switch + label { .sp-toggle-switch + label {
width: 40px; width: 32px;
height: 20px; height: 16px;
border-radius: 20px; border-radius: 16px;
position: absolute; position: absolute;
right: 10px; right: 12px;
top: 11px; top: 13px;
} }
.sp-toggle-switch + label:before, .sp-toggle-switch + label:before,
@@ -614,16 +614,16 @@ table.widefat.sp-sortable-table tbody tr .icon {
.sp-toggle-switch + label:before { .sp-toggle-switch + label:before {
right: 1px; right: 1px;
background-color: #e4e4e4; background-color: #e4e4e4;
border-radius: 20px; border-radius: 16px;
transition: background 0.4s; transition: background 0.4s;
} }
.sp-toggle-switch + label:after { .sp-toggle-switch + label:after {
width: 20px; width: 16px;
background-color: #fff; background-color: #fff;
border-radius: 100%; border-radius: 100%;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
transition: margin 0.4s; transition: margin 0.4s;
} }
@@ -632,7 +632,7 @@ table.widefat.sp-sortable-table tbody tr .icon {
} }
.sp-toggle-switch:checked + label:after { .sp-toggle-switch:checked + label:after {
margin-left: 20px; margin-left: 16px;
} }
.sp-toggle-switch:checked + label:hover:before { .sp-toggle-switch:checked + label:hover:before {