diff --git a/gadjo/static/css/gadjo.scss b/gadjo/static/css/gadjo.scss index efdf1ed..7cb5a94 100644 --- a/gadjo/static/css/gadjo.scss +++ b/gadjo/static/css/gadjo.scss @@ -911,9 +911,6 @@ body.sidepage-expanded #sidepage span#applabel { overflow: hidden; color: $primary-color; } - li:hover a { - color: white; - } } #sidepage ul#sidepage-menu li { @@ -926,15 +923,26 @@ ul#sidepage-menu li a { padding: 5px 0 5px 37px; } +#sidepage ul#sidepage-menu li:hover a, #sidepage ul#sidepage-menu .active a { - color: #eee; + color: darken($primary-color, 30%); filter: none; } #sidepage ul#sidepage-menu li:hover, #sidepage ul#sidepage-menu li.active, #sidepage ul#sidepage-menu li.active:hover { - background: $secondary-color; + &::after { + content: ""; + display: block; + width: 7px; + height: 7px; + background: white; + position: absolute; + right: -3px; + top: $sidepage-icon-width / 2 - 3px; + transform: rotate(45deg); + } } @media screen and (max-width: $mobile-limit) { @@ -1014,7 +1022,7 @@ $colors: "4e7ee2", "ff375e", "6f2b92"; @each $appicon in $appicons { ul#sidepage-menu li a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.#{$string-color}.png); } - ul#sidepage-menu li.active a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.white.png); } + //ul#sidepage-menu li.active a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.white.png); } @each $color in $colors { body.s#{$color} ul#sidepage-menu li a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.#{$color}.png); } }