fix: material theme transition speed (#142)

Was slower then the other toggles, making it feel slugish
knownasilya · Oct 1, 2020 · 09c2c00 · 09c2c00
1 parent ff3b2f7
commit 09c2c00
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/vendor/ember-toggle/themes/material.css b/vendor/ember-toggle/themes/material.css
@@ -1,14 +1,16 @@
 .x-toggle-material.x-toggle-btn {
   position: relative;
+  -webkit-transition: all 0.4s ease;
+  transition: all 0.4s ease;
 }
 
 /* Handle */
 .x-toggle-material.x-toggle-btn::after {
   border-radius: 2em;
   background-color: #fafafa;
   box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
-  -webkit-transition: all 0.4s ease;
-  transition: all 0.4s ease;
+  -webkit-transition: all 0.2s ease;
+  transition: all 0.2s ease;
 }
 
 .x-toggle:checked + label > .x-toggle-material.x-toggle-btn::after {
@@ -26,8 +28,8 @@
   background-color: #000;
   opacity: 0.38;
   border-radius: 2em;
-  -webkit-transition: all 0.4s ease;
-  transition: all 0.4s ease;
+  -webkit-transition: all 0.2s ease;
+  transition: all 0.2s ease;
 }
 
 .x-toggle:checked + label > .x-toggle-material.x-toggle-btn::before {
@@ -37,13 +39,17 @@
 
 /* Disabled */
 .x-toggle-material.x-toggle-btn.x-toggle-disabled::before,
-.x-toggle:checked + label > .x-toggle-material.x-toggle-btn.x-toggle-disabled::before {
+.x-toggle:checked
+  + label
+  > .x-toggle-material.x-toggle-btn.x-toggle-disabled::before {
   background-color: #000;
   opacity: 0.12;
 }
 
 .x-toggle-material.x-toggle-btn.x-toggle-disabled::after,
-.x-toggle:checked + label > .x-toggle-material.x-toggle-btn.x-toggle-disabled::after {
+.x-toggle:checked
+  + label
+  > .x-toggle-material.x-toggle-btn.x-toggle-disabled::after {
   background-color: #bdbdbd;
 }