diff --git a/styles/elements/_sidenav.scss b/styles/elements/_sidenav.scss index d06dad8e..66152679 100644 --- a/styles/elements/_sidenav.scss +++ b/styles/elements/_sidenav.scss @@ -71,6 +71,13 @@ @include icon-style-active; } + position: relative; + .sidenav__link-active_indicator .icon { + @include icon-color($color-primary); + position: absolute; + right: 0; + } + + ul { background-color: $color-primary; diff --git a/templates/components/sidenav_item.html b/templates/components/sidenav_item.html index 64f5b765..8e3c5135 100644 --- a/templates/components/sidenav_item.html +++ b/templates/components/sidenav_item.html @@ -7,7 +7,14 @@ {{ Icon(icon, classes="sidenav__link-icon") }} {% endif %} - {{label}} + + {{label}} + + {% if active %} + + {{ Icon("caret_right") }} + + {% endif %} {% if subnav and active %}