Added background color transition to slider handle

pull/5/head
cagataycivici 2018-12-17 10:01:37 +03:00
parent c82c563625
commit 07d7e15c6b
8 changed files with 32 additions and 32 deletions

View File

@ -223,10 +223,10 @@ body .p-inputswitch {
height: 1.75em;
}
body .p-inputswitch .p-inputswitch-slider {
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
background: #585858;
}

View File

@ -223,10 +223,10 @@ body .p-inputswitch {
height: 1.75em;
}
body .p-inputswitch .p-inputswitch-slider {
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
background: #585858;
}

View File

@ -223,10 +223,10 @@ body .p-inputswitch {
height: 1.75em;
}
body .p-inputswitch .p-inputswitch-slider {
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
background: #585858;
}

View File

@ -223,10 +223,10 @@ body .p-inputswitch {
height: 1.75em;
}
body .p-inputswitch .p-inputswitch-slider {
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
background: #585858;
}

View File

@ -223,10 +223,10 @@ body .p-inputswitch {
height: 1.75em;
}
body .p-inputswitch .p-inputswitch-slider {
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
background: #cccccc;
}

View File

@ -223,10 +223,10 @@ body .p-inputswitch {
height: 1.75em;
}
body .p-inputswitch .p-inputswitch-slider {
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
background: #cccccc;
}

View File

@ -223,10 +223,10 @@ body .p-inputswitch {
height: 1.75em;
}
body .p-inputswitch .p-inputswitch-slider {
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
background: #cccccc;
}

View File

@ -223,10 +223,10 @@ body .p-inputswitch {
height: 1.75em;
}
body .p-inputswitch .p-inputswitch-slider {
-moz-transition: box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
background: #f4f4f4;
}