fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

less obtrusive asidenav-hover-effects

Browse Source
This commit is contained in:
Felix Hamann 2018-06-30 23:48:34 +02:00
parent 2c04ac6d95
commit 842aa81f33
1 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
templates/widgets/asidenav.lucius
View File

@ -48,9 +48,15 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
&:not(.asidenav__list-item--active):hover {
background-color: var(--color-darker);
> .asidenav__link-wrapper {
color: var(--color-lightwhite);
}
}
&:hover { &:hover {
color: var(--color-link);
background-color: var(--color-lightwhite);
.asidenav__link-shorthand { .asidenav__link-shorthand {
transform: scale(1.05, 1.0); transform: scale(1.05, 1.0);
@ -58,10 +64,6 @@
text-shadow: none; text-shadow: none;
} }
> .asidenav__link-wrapper {
color: var(--color-link);
}
.asidenav__nested-list { .asidenav__nested-list {
transform: translateX(100%); transform: translateX(100%);
opacity: 1; opacity: 1;
@ -109,7 +111,6 @@
width: 50px; width: 50px;
} }
.glyphicon + .asidenav__link-label { .glyphicon + .asidenav__link-label {
padding-left: 0; padding-left: 0;
} }
@ -143,15 +144,10 @@
background-color: var(--color-dark); background-color: var(--color-dark);
&:hover { &:hover {
color: var(--color-link); background-color: var(--color-darker);
background-color: var(--color-lightwhite);
.asidenav__link-wrapper {
background-color: white;
color: var(--color-link);
}
} }
.asidenav__link-wrapper {
.asidenav__link-wrapper {
padding-left: 13px; padding-left: 13px;
padding-right: 13px; padding-right: 13px;
border-left: 20px solid white; border-left: 20px solid white;