mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
core/css/apps.scss
View File

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