From 681210db240400de00b44a806bd0d181759d2435 Mon Sep 17 00:00:00 2001
From: danieldeng2 <danieldeng223@gmail.com>
Date: Sat, 8 Aug 2020 18:51:55 +0100
Subject: [PATCH] Slower transition for button group

---
 .../src/components/atoms/NavBarTabItem/style.module.scss    | 6 +++---
 .../components/molecules/SideBarTabGroup/style.module.scss  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/atoms/NavBarTabItem/style.module.scss b/frontend/src/components/atoms/NavBarTabItem/style.module.scss
index f933493b1..e301ab65f 100644
--- a/frontend/src/components/atoms/NavBarTabItem/style.module.scss
+++ b/frontend/src/components/atoms/NavBarTabItem/style.module.scss
@@ -13,9 +13,9 @@
     height: 2.25rem;
     margin-right: 0.625rem;
     margin-left: 0.625rem;
-    transition: 0.5s background;
-    -webkit-transition: 0.5s background;
-    -moz-transition: 0.5s background;
+    transition: 0.2s background;
+    -webkit-transition: 0.2s background;
+    -moz-transition: 0.2s background;
   }
 
   .pageButton:hover {
diff --git a/frontend/src/components/molecules/SideBarTabGroup/style.module.scss b/frontend/src/components/molecules/SideBarTabGroup/style.module.scss
index ec356e38f..79b37e6f1 100644
--- a/frontend/src/components/molecules/SideBarTabGroup/style.module.scss
+++ b/frontend/src/components/molecules/SideBarTabGroup/style.module.scss
@@ -12,9 +12,9 @@
   height: 2.25rem;
   border-radius: 0.5rem !important;
   text-align: left;
-  transition: 0.5s background;
-  -webkit-transition: 0.5s background;
-  -moz-transition: 0.5s background;
+  transition: 0.2s background;
+  -webkit-transition: 0.2s background;
+  -moz-transition: 0.2s background;
 }
 
 .tabGroupButtonSvg {
-- 
GitLab