Make active navigation indicator more obvious

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2018-03-19 17:03:31 +01:00
parent de3297848e
commit dd92923afa
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
1 changed files with 13 additions and 2 deletions

View File

@ -152,7 +152,7 @@ kbd {
&, &,
> a { > a {
opacity: 1; opacity: 1;
box-shadow: inset 2px 0 $color-primary; box-shadow: inset 4px 0 $color-primary;
} }
} }
@ -177,7 +177,6 @@ kbd {
/* Second level nesting for lists */ /* Second level nesting for lists */
> ul { > ul {
flex: 0 1 auto; flex: 0 1 auto;
padding-left: 44px;
width: 100%; width: 100%;
transition: max-height 2000ms ease-in-out, transition: max-height 2000ms ease-in-out,
opacity 250ms ease-in-out; opacity 250ms ease-in-out;
@ -187,6 +186,7 @@ kbd {
> li { > li {
display: inline-flex; display: inline-flex;
flex-wrap: wrap; flex-wrap: wrap;
padding-left: 44px;
&:focus, &:focus,
&:hover, &:hover,
&.active, &.active,
@ -197,10 +197,21 @@ kbd {
} }
} }
&.active {
box-shadow: inset 4px 0 $color-primary;
}
/* align loader */ /* align loader */
&.icon-loading-small:after { &.icon-loading-small:after {
left: 22px; /* 44px / 2 */ left: 22px; /* 44px / 2 */
} }
> .app-navigation-entry-deleted,
> .app-navigation-entry-edit {
/* margin to keep active indicator visible */
margin-left: 4px;
padding-left: 84px;
}
} }
} }
} }