From: Chocobozzz <me@florianbigard.com>
Date: Thu, 15 Nov 2018 10:41:25 +0000 (+0100)
Subject: Add background effect to active menu page
X-Git-Tag: v1.1.0-rc.1~40
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=e6d5a4f1ea917098058f9db2e28f1c039d8f5c00;p=oweals%2Fpeertube.git

Add background effect to active menu page
---

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);