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