From 181a4139f68df1932dfb8933a3ffe9a8e9d6c9c8 Mon Sep 17 00:00:00 2001
From: Luis Cielak <luis+dds@promptworks.com>
Date: Fri, 20 Jul 2018 11:45:12 -0400
Subject: [PATCH] Set active link color for current screens

---
 scss/sections/_progress_menu.scss | 5 +++++
 templates/requests/menu.html.to   | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/scss/sections/_progress_menu.scss b/scss/sections/_progress_menu.scss
index 429faab6..da9dcf03 100644
--- a/scss/sections/_progress_menu.scss
+++ b/scss/sections/_progress_menu.scss
@@ -44,6 +44,7 @@
       &:hover {
         color: $color-blue;
       }
+
     }
 
     &:first-child:after {
@@ -98,4 +99,8 @@
     }
 
   }
+}
+
+.nav-link--active {
+  color: $color-blue !important;
 }
\ No newline at end of file
diff --git a/templates/requests/menu.html.to b/templates/requests/menu.html.to
index 741ed7cf..6b4e054f 100644
--- a/templates/requests/menu.html.to
+++ b/templates/requests/menu.html.to
@@ -2,7 +2,9 @@
   <ul>
     {% for i,s in enumerate(screens) %}
     <li class="progress-menu__item">
-      <a href="{{ reverse_url('request_form_update', i+1, request_id) if request_id else reverse_url('request_form_new',i+1) }}">
+      <a href="{{ reverse_url('request_form_update', i+1, request_id) if request_id else reverse_url('request_form_new',i+1) }}"
+        class="nav-link{% if matchesPath('/requests/new/'+str(i+1)) %}--active{% end %}"
+      >
         {{ s['title'] }}
       </a>
     </li>