Add caret indicator for active nav item
This commit is contained in:
parent
e00e673304
commit
31fad2a2cb
@ -71,6 +71,13 @@
|
|||||||
@include icon-style-active;
|
@include icon-style-active;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
position: relative;
|
||||||
|
.sidenav__link-active_indicator .icon {
|
||||||
|
@include icon-color($color-primary);
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
+ ul {
|
+ ul {
|
||||||
background-color: $color-primary;
|
background-color: $color-primary;
|
||||||
|
|
||||||
|
@ -7,7 +7,14 @@
|
|||||||
{{ Icon(icon, classes="sidenav__link-icon") }}
|
{{ Icon(icon, classes="sidenav__link-icon") }}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<span class="sidenav__link-label">{{label}}</span>
|
<span class="sidenav__link-label">
|
||||||
|
{{label}}
|
||||||
|
</span>
|
||||||
|
{% if active %}
|
||||||
|
<span class="sidenav__link-active_indicator">
|
||||||
|
{{ Icon("caret_right") }}
|
||||||
|
</span>
|
||||||
|
{% endif %}
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
{% if subnav and active %}
|
{% if subnav and active %}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user