Merge pull request #38 from appirio-tech/DEM-1280

add active class to current visuals step

Author: samsep

src/styles/visuals.scss

@@ -44,6 +44,13 @@ submit-work-visuals {
       }
     }
 
+    button {
+
+      &.active {
+        color: $neutral-color-darkest;
+      }
+    }
+
     footer {
       button {
         margin: $margin;

src/views/submit-work-visuals.directive.jade

@@ -88,13 +88,13 @@ modal.full.choose-styles(show="vm.showChooseStylesModal" background-click-close=
       button.clean(ng-click="vm.viewPrevious()") <
 
     li
-      button.clean(ng-click="vm.activateModal('fonts')") fonts
+      button.clean(ng-click="vm.activateModal('fonts')" ng-class="{active: vm.activeStyleModal == 'fonts'}") fonts
 
     li
-      button.clean(ng-click="vm.activateModal('colors')") colors
+      button.clean(ng-click="vm.activateModal('colors')" ng-class="{active: vm.activeStyleModal == 'colors'}") colors
 
     li
-      button.clean(ng-click="vm.activateModal('icons')") icons
+      button.clean(ng-click="vm.activateModal('icons')" ng-class="{active: vm.activeStyleModal == 'icons'}") icons
 
     li
       button.clean(ng-click="vm.viewNext()") >