commit 51946552fc8c6ac9b677ccf07949e837e9caaf52
author Michael Davis <michael.s.davis@ibm.com> Mon May 01 10:30:38 2017 -0500
committer Patrick Williams <patrick@stwcx.xyz> Wed Sep 20 12:43:05 2017 -0500
tree 968aa741ed910e1b26e35c595b45352a0ab5e0a2
parent a960c8c72e56a22d083654692c18f1b229cc10a7

Misc CSS fixes

  * set max content width to 960px
  * created mixin for bold font
  * move app-header content to global header
  * minor global changes
  * changed input alignment for network config inputs
  * added pop-out button class
  * changed lightgrey color
  * fixed accordion header actions responsiveness
  * fixed input box border colors

Change-Id: Iffe26d526439d7f2bb6808528a975ab7374ff1b2
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

app/common/styles/directives/app-navigation.scss

diff --git a/app/common/styles/directives/app-navigation.scss b/app/common/styles/directives/app-navigation.scss
index 4591f5c..496fbf7 100644
--- a/app/common/styles/directives/app-navigation.scss
+++ b/app/common/styles/directives/app-navigation.scss
@@ -17,6 +17,10 @@
   li {
     margin: 0;
   }
+  //svg icons
+  .nav-icon {
+    @include navIcons;
+  }
   .button, button, a {
     background: transparent;
     height: auto;
@@ -31,12 +35,8 @@
     white-space: normal;
     border-radius: 0;
     text-decoration: none;
-    .nav__icon {
-      color: $white;
-      max-height: 40px;
-      stroke-width: .5;
-      margin-bottom: -.5em;
-    }
+    border-top: 1px solid transparent;
+    border-bottom: 1px solid transparent;
     a {
       margin-bottom: 5px;
     }
@@ -44,7 +44,7 @@
       margin: 1em 0 0 0;
       display: block;
       font-size: .9em;
-      font-weight: normal;
+      font-weight: 700;
       line-height: 1rem;
     }
 
@@ -60,24 +60,50 @@
     &:hover {
       background: $nav__second-level-color;
       fill: $black;
-      color: $black;
+      color: $medblue;
       padding: 1em;
       border-radius: 0;
+      border-top: 1px solid $medgrey;
+      border-bottom: 1px solid $medgrey;
       .nav__icon-help__outer {
         stroke: $black;
       }
       .nav__icon-help__inner {
         fill: $lightbg__primary;
       }
+      .nav-icon {
+        fill: $medblue;
+        color: $medblue;
+        .st0 {
+          stroke: $medblue;
+        }
+        .st1 {
+          fill: $medblue;
+          color: $medblue;
+          stroke: $medblue;
+        }
+      }
     }
   }
   .opened {
     background: $nav__second-level-color;
     fill: $black;
-    color: $black;
+    color: $medblue;
     .nav__icon-help__outer {
       stroke: $lightbg__primary;
     }
+    .nav-icon {
+      fill: $medblue;
+      color: $medblue;
+      .st0 {
+        stroke: $medblue;
+      }
+      .st1 {
+        fill: $medblue;
+        color: $medblue;
+        stroke: $medblue;
+      }
+    }
   }
 }