Merge "Portal Spring Boot Development"

[portal.git] / ecomp-portal-FE-common / client / app / views / header / header.less

diff --git a/ecomp-portal-FE-common/client/app/views/header/header.less b/ecomp-portal-FE-common/client/app/views/header/header.less
index ec57812..2da81f3 100644 (file)
--- a/ecomp-portal-FE-common/client/app/views/header/header.less
+++ b/ecomp-portal-FE-common/client/app/views/header/header.less
@@ -1,8 +1,51 @@
+/*-
+ * ============LICENSE_START==========================================
+ * ONAP Portal
+ * ===================================================================
+ * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
+ * ===================================================================
+ *
+ * Unless otherwise specified, all software contained herein is licensed
+ * under the Apache License, Version 2.0 (the "License");
+ * you may not use this software except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *             http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Unless otherwise specified, all documentation contained herein is licensed
+ * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
+ * you may not use this documentation except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *             https://creativecommons.org/licenses/by/4.0/
+ *
+ * Unless required by applicable law or agreed to in writing, documentation
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * ============LICENSE_END============================================
+ *
+ * 
+ */
 .header-section {
   position: relative;
   z-index: 999;
 }
 
+.language {
+    float: left;
+    margin-top: -8px;
+}
+
+
 .logo-image {
           .portal-logo;
           display: inline-block;
@@ -14,6 +57,7 @@
   font-weight: 400;
   font-family: "Omnes-ECOMP-W02",Arial !important;
   font-size: 18px;
+  margin-left: 10px;
   //.c18b;
 }
 
@@ -197,6 +241,21 @@
     width: 16px;
   }
   
+  .recommendations-count
+  {
+    .border-radius(50%);
+    background:#db3434;
+    color: @colorWhite;
+    font-size: 10px;
+    padding-top: 2px;
+    height: 16px;   
+    position: absolute;
+    right: -7px;
+    text-align: center;
+    top: -8px;
+    width: 16px;
+  }
+  
   .notification-header{
     border-bottom: 1px solid #b4b4b4;
     padding: 10px 40px 0px 40px;
@@ -291,7 +350,7 @@
        .normal
        {
                .border-radius(50%);
-               background: @colorPeterRiver;
+               background: steelblue;
                content: '';
                height: 8px;
                width: 8px;
@@ -324,7 +383,7 @@
       
       .button-dismiss
       {
-        color: @colorSilver;
+        color: black;
         font-size: 15px;
         
         &:hover,
@@ -399,7 +458,7 @@
 }
 
 .b2b-header-tabs .header__items{
-       width:90%;
+       width:98%;
 }
 
 .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary{
@@ -407,10 +466,15 @@
        
 }
 
+.b2b-header-tabs .header__item.profile{
+       margin-right:70px;
+       float:right;
+       position: static;
+}
+
 .third-level-menu{
 column-count: 4;
     line-height: 12px;
-    max-height: 500px;
     overflow-x: hidden;
     overflow-y: hidden;
     column-gap: 13px;
@@ -426,14 +490,14 @@ column-count: 4;
 
 .b2b-header-tabs .third-level-menu li a {
     color: #333;
-    display: inline-grid;
+    display: inline-flex;
     padding: 7px 15px;
-    max-width: 228px;
     font-family:"Omnes-ECOMP-W02", Arial;
+    margin-top:5px;
+       margin-bottom:5px;
 }
 
 .b2b-header-tabs .third-level-menu li{
-    display: inline-block;
     width:100%;
     border-bottom: 1px solid #d2d2d2;
 }
@@ -487,10 +551,70 @@ column-count: 4;
        
 }
 
+#header-favorites{
+       height:200px;
+       overflow:auto;
+       overflow-x:hidden;
+       -ms-overflow-x:hidden;  
+}
+
 #header-favorites ul li{
        width:100%;
 }
 
-.display-userAppRoles-label span{
+.display-userAppRoles-label{
        font-family:"Omnes-ECOMP-W02", Arial;
-}
\ No newline at end of file
+       white-space:nowrap;
+}
+
+.profile-detail-extension{
+       display:inline-block;
+}
+
+.logout-btn-div{
+       display:inline-block;
+       padding-top: 8px;
+       
+}
+
+.onap-title-logo{
+    position: relative;
+    top: 7px;
+       width: 126.8px;
+    height: 28px;
+}
+
+.header-position {
+       position:fixed;
+       width: 100%;
+       top: 0px;
+       left: 0;
+       background-color: #222;
+       z-index:9999;
+}
+  .reg-common-label-spn-txt {
+       font-weight:bold;
+}      
+  .display-userAppRoles-label-txt{
+       height:200px; 
+       overflow-y:auto;
+}
+  .notification-history-link-txt {
+       font-size: 14px;
+  }
+  .notification-common-position {
+       float:left;
+  }
+  .notification-common-space { 
+       clear:both;
+  }
+  .notification-main-ht {
+       height:113px;
+  }
+  .recommendation-bulb-txt {
+       font-size: 22px;
+  }
+  .business-card-app-role{
+       font-size: 18px;
+       font-family: Omnes-ECOMP-W02, Arial;
+  }
\ No newline at end of file