From e6d5a4f1ea917098058f9db2e28f1c039d8f5c00 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 15 Nov 2018 11:41:25 +0100 Subject: Add background effect to active menu page --- client/src/app/menu/menu.component.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'client/src/app/menu/menu.component.scss') diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index a842765ba..b271ebfd2 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss @@ -131,10 +131,14 @@ menu { transition: background-color .1s ease-in-out; @include disable-default-a-behaviour; - &:hover, &.focus-visible { + &.active { background-color: rgba(255, 255, 255, 0.15); } + &:hover, &.focus-visible { + background-color: rgba(255, 255, 255, 0.10); + } + .icon { @include icon(22px); -- cgit v1.2.3