From 31fad2a2cb49ece8637e90dcee96336fd4dc7bc7 Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Tue, 5 Feb 2019 22:32:29 -0500
Subject: [PATCH] Add caret indicator for active nav item

---
 styles/elements/_sidenav.scss          | 7 +++++++
 templates/components/sidenav_item.html | 9 ++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

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 %}
 
-    <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>
 
   {% if subnav and active %}