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; height: 1.75em;
} }
body .p-inputswitch .p-inputswitch-slider { body .p-inputswitch .p-inputswitch-slider {
-moz-transition: box-shadow 0.2s; -moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: box-shadow 0.2s; -o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s; -webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 30px; border-radius: 30px;
background: #585858; background: #585858;
} }

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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