diff --git a/addons/dine360_theme_chennora/static/src/scss/theme.scss b/addons/dine360_theme_chennora/static/src/scss/theme.scss index b03d0e6..17f0dde 100644 --- a/addons/dine360_theme_chennora/static/src/scss/theme.scss +++ b/addons/dine360_theme_chennora/static/src/scss/theme.scss @@ -1394,10 +1394,34 @@ footer#bottom { color: #04121D !important; } -// Force Shop category sidebar active item to NOT be red -#products_grid_before .nav-link.active { - background-color: #2BB1A5 !important; - color: white !important; +// Force Shop category sidebar active item to NOT be red and ensure visibility +#products_grid_before { + .nav-link { + transition: all 0.2s ease; + + &:hover { + background-color: rgba(43, 177, 165, 0.1) !important; + color: #2BB1A5 !important; + } + + &.active { + background-color: #2BB1A5 !important; + color: white !important; + border-radius: 8px; + + span, + i, + b, + strong { + color: white !important; + } + + &:hover { + color: white !important; + background-color: #259a8f !important; + } + } + } } // Global Link Hover & Active Color Fix