From 842aa81f33b8d007319d42cb092eac2bbe37aba6 Mon Sep 17 00:00:00 2001 From: Felix Hamann Date: Sat, 30 Jun 2018 23:48:34 +0200 Subject: [PATCH] less obtrusive asidenav-hover-effects --- templates/widgets/asidenav.lucius | 26 +++++++++++--------------- 1 file changed, 11 insertions(+), 15 deletions(-) diff --git a/templates/widgets/asidenav.lucius b/templates/widgets/asidenav.lucius index 789752f71..8cad43d54 100644 --- a/templates/widgets/asidenav.lucius +++ b/templates/widgets/asidenav.lucius @@ -48,9 +48,15 @@ justify-content: flex-start; align-items: center; + &:not(.asidenav__list-item--active):hover { + background-color: var(--color-darker); + + > .asidenav__link-wrapper { + color: var(--color-lightwhite); + } + } + &:hover { - color: var(--color-link); - background-color: var(--color-lightwhite); .asidenav__link-shorthand { transform: scale(1.05, 1.0); @@ -58,10 +64,6 @@ text-shadow: none; } - > .asidenav__link-wrapper { - color: var(--color-link); - } - .asidenav__nested-list { transform: translateX(100%); opacity: 1; @@ -109,7 +111,6 @@ width: 50px; } - .glyphicon + .asidenav__link-label { padding-left: 0; } @@ -143,15 +144,10 @@ background-color: var(--color-dark); &:hover { - color: var(--color-link); - background-color: var(--color-lightwhite); - - .asidenav__link-wrapper { - background-color: white; - color: var(--color-link); - } + background-color: var(--color-darker); } - .asidenav__link-wrapper { + + .asidenav__link-wrapper { padding-left: 13px; padding-right: 13px; border-left: 20px solid white;