From e46d9e4bbea0986cd7cf5684ed16f87dacc409f2 Mon Sep 17 00:00:00 2001 From: Jen Downs Date: Thu, 9 Jan 2020 17:03:05 -0600 Subject: [PATCH] fix(uishell): add bgcolor to active links (#4980) Co-authored-by: TJ Egan --- .../components/src/components/ui-shell/_side-nav.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/packages/components/src/components/ui-shell/_side-nav.scss b/packages/components/src/components/ui-shell/_side-nav.scss index 6e0ba232f67c..47fb328864b3 100644 --- a/packages/components/src/components/ui-shell/_side-nav.scss +++ b/packages/components/src/components/ui-shell/_side-nav.scss @@ -470,10 +470,6 @@ } } - a.#{$prefix}--side-nav__link--current > span.#{$prefix}--side-nav__link-text { - color: $ibm-color__gray-100; - font-weight: 600; - } //---------------------------------------------------------------------------- // Side-nav > Link //---------------------------------------------------------------------------- @@ -519,9 +515,16 @@ a.#{$prefix}--side-nav__link[aria-current='page'], a.#{$prefix}--side-nav__link--current { + background-color: $shell-side-nav-bg-04; font-weight: 600; } + a.#{$prefix}--side-nav__link[aria-current='page'] + .#{$prefix}--side-nav__link-text, + a.#{$prefix}--side-nav__link--current .#{$prefix}--side-nav__link-text { + color: $ibm-color__gray-100; + } + a.#{$prefix}--side-nav__link[aria-current='page']::before, a.#{$prefix}--side-nav__link--current::before { content: '';