From f3d8ace59e92931ac930436daa3b1d20d758c2eb Mon Sep 17 00:00:00 2001 From: Teal Larson Date: Wed, 15 Jun 2022 12:23:03 -0400 Subject: [PATCH] add focus-visible --- .../src/views/layout/SideBar/SideBar.module.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/airbyte-webapp/src/views/layout/SideBar/SideBar.module.scss b/airbyte-webapp/src/views/layout/SideBar/SideBar.module.scss index 109685543ca2..83eb85c249c3 100644 --- a/airbyte-webapp/src/views/layout/SideBar/SideBar.module.scss +++ b/airbyte-webapp/src/views/layout/SideBar/SideBar.module.scss @@ -18,7 +18,8 @@ text-decoration: none; position: relative; - &:hover { + &:hover, + &:focus-visible { background: #262963; //todo: update to use palette when palette up to date transition: variables.$transition-out; } @@ -28,7 +29,8 @@ background: colors.$primaryColor; transition: variables.$transition-out; - &:hover { + &:hover, + &:focus-visible { color: colors.$whiteColor; background: #7f7eff; //todo: update to use palette when palette up to date transition: variables.$transition-out; @@ -39,7 +41,8 @@ color: colors.$whiteColor; background: #353b7b; - &:hover { + &:hover, + &:focus-visible { color: colors.$whiteColor; background: #565c94; }