Updated Sparky to add ECOMP functionality Browse, Specialized Search, BYOQ, and the...

[aai/sparky-fe.git] / resources / scss / header / _layout.scss

diff --git a/resources/scss/header/_layout.scss b/resources/scss/header/_layout.scss
index aca42ce..2d63f00 100644 (file)
--- a/resources/scss/header/_layout.scss
+++ b/resources/scss/header/_layout.scss
@@ -137,6 +137,11 @@
     margin-bottom: 5px;
   }
 
+  .font-awesome-icon{
+    font-size: 32px;
+    margin-top: 5px;
+  }
+
   .main-menu-button {
     background-color: transparent;
     border: none;
@@ -158,6 +163,28 @@
     .vnf-search-button-icon {
       background-image: url($icons-folder-path + '/vnfSearchicon.png');
     }
+
+    .browse-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon.png');
+    }
+
+    .byoq-ext-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon.png');
+    }
+
+    .custom-query-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon.png');
+    }
+
+    .specialized-search-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon.png');
+    }
+
+    .configurable-view-button-icon {
+      background-image: url($icons-folder-path + '/reports.svg');
+      -webkit-filter: brightness(500);
+      filter: brightness(500);
+    }
   }
 
   .main-menu-button:hover, .main-menu-button:focus {
@@ -174,6 +201,28 @@
     .vnf-search-button-icon {
       background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
     }
+
+    .browse-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
+    }
+
+    .byoq-ext-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
+    }
+
+    .custom-query-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
+    }
+
+    .specialized-search-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
+    }
+
+    .configurable-view-button-icon {
+      background-image: url($icons-folder-path + '/reports.svg');
+      -webkit-filter: brightness(1);
+      filter: brightness(1);
+    }
   }
 
   .main-menu-button-active {
@@ -185,6 +234,7 @@
     width: 100%;
     height: 90px;
     text-align: center;
+    padding-top: 5px;
 
     .view-inspect-button-icon {
       background-image: url($icons-folder-path + '/binocularicon_active.png');
@@ -197,6 +247,28 @@
     .vnf-search-button-icon {
       background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
     }
+
+    .browse-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
+    }
+
+    .byoq-ext-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
+    }
+
+    .custom-query-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
+    }
+
+    .specialized-search-button-icon {
+      background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
+    }
+
+    .configurable-view-button-icon {
+      background-image: url($icons-folder-path + '/reports.svg');
+      -webkit-filter: brightness(0.55);
+      filter: brightness(0.55);
+    }
   }
 
   .search-bar {