Add caret indicator for active nav item

This commit is contained in:
Patrick Smith 2019-02-05 22:32:29 -05:00
parent e00e673304
commit 31fad2a2cb
2 changed files with 15 additions and 1 deletions

View File

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

View File

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