entrouvert
/
gadjo
15
0
Fork 0
Code Issues Pull Requests 2 Releases Activity

add arrow to selected item in sidemenu

This commit is contained in:
Frédéric Péters 2018-08-14 20:34:02 +02:00
parent 01abe8db3e
commit 4e78ef6324
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
gadjo/static/css/gadjo.scss
View File

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