Make active navigation indicator more obvious
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
parent
de3297848e
commit
dd92923afa
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue