toggle-switch/style-add

RocketChat · Feb 24, 2024 · e841454 · e841454
1 parent 0e8e988
commit e841454
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -18,3 +18,4 @@ storybook-static/
 **/.storybook/jest-results.json
 **/bundle-report.html
 .env
+.gitpod.yml
diff --git a/packages/fuselage/src/components/ToggleSwitch/ToggleSwitch.styles.scss b/packages/fuselage/src/components/ToggleSwitch/ToggleSwitch.styles.scss
@@ -17,6 +17,8 @@ $toggle-switch-border-radius: theme(
     @extend %selection-button__fake;
     width: lengths.size(2 * 20);
 
+    transition: background-color 0.3s ease;
+
     border-radius: $toggle-switch-border-radius;
   }
 
@@ -28,6 +30,7 @@ $toggle-switch-border-radius: theme(
     height: lengths.size(20) - 2 * lengths.border-width(default, rem);
 
     content: '';
+    transition: inset-inline-start 0.3s ease;
 
     border-radius: $toggle-switch-border-radius;