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