Browse Source
Make active navigation indicator more obvious
Signed-off-by: Julius Härtl <jus@bitgrid.net>
pull/8886/head
Julius Härtl
8 years ago
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
1 changed files with
13 additions and
2 deletions
-
core/css/apps.scss
|
|
|
@ -152,7 +152,7 @@ kbd { |
|
|
|
&, |
|
|
|
> a { |
|
|
|
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 */ |
|
|
|
> ul { |
|
|
|
flex: 0 1 auto; |
|
|
|
padding-left: 44px; |
|
|
|
width: 100%; |
|
|
|
transition: max-height 2000ms ease-in-out, |
|
|
|
opacity 250ms ease-in-out; |
|
|
|
@ -187,6 +186,7 @@ kbd { |
|
|
|
> li { |
|
|
|
display: inline-flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
padding-left: 44px; |
|
|
|
&:focus, |
|
|
|
&:hover, |
|
|
|
&.active, |
|
|
|
@ -197,10 +197,21 @@ kbd { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&.active { |
|
|
|
box-shadow: inset 4px 0 $color-primary; |
|
|
|
} |
|
|
|
|
|
|
|
/* align loader */ |
|
|
|
&.icon-loading-small:after { |
|
|
|
left: 22px; /* 44px / 2 */ |
|
|
|
} |
|
|
|
|
|
|
|
> .app-navigation-entry-deleted, |
|
|
|
> .app-navigation-entry-edit { |
|
|
|
/* margin to keep active indicator visible */ |
|
|
|
margin-left: 4px; |
|
|
|
padding-left: 84px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
