Set active link color for current screens

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

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>