SONAR-6041 update styles of the breadcrumbs

diff --git a/server/sonar-web/src/main/hbs/nav/nav-context-navbar.hbs b/server/sonar-web/src/main/hbs/nav/nav-context-navbar.hbs
index 7b6155d5a49ca9f39bebfe996dec35fa622eccab..8c3053130e589e0f7e09ef40de81cf8543a7dfa6 100644 (file)
--- a/server/sonar-web/src/main/hbs/nav/nav-context-navbar.hbs
+++ b/server/sonar-web/src/main/hbs/nav/nav-context-navbar.hbs
@@ -1,5 +1,5 @@
 <div class="container">
-  <ul class="nav nav-crumbs navbar-nav navbar-nav-pills">
+  <ul class="nav navbar-nav nav-crumbs">
     {{#each breadcrumbs}}
       <li>
         <a href="{{link url}}">
@@ -9,7 +9,7 @@
     {{/each}}
   </ul>
 
-  <ul class="nav navbar-nav navbar-nav-pills navbar-right">
+  <ul class="nav navbar-nav navbar-right">
     {{#each items}}
       {{#notEmpty menu}}
         <li class="dropdown {{#if active}}active{{/if}}">

diff --git a/server/sonar-web/src/main/less/navbar.less b/server/sonar-web/src/main/less/navbar.less
index c103662110a57d25920034ee6e6d4af1132b9aef..22d691c1b3a7f7827eecb61452a35f1aca203cac 100644 (file)
--- a/server/sonar-web/src/main/less/navbar.less
+++ b/server/sonar-web/src/main/less/navbar.less
@@ -3,7 +3,7 @@
 @import (reference) "ui";
 
 @navbarGlobalBackground: #262626;
-@navbarContextBackground: @barBackgroundColor;
+@navbarContextBackground: @lightBlue;
 
 @navbarHeight: 30px;
 @navbarLineHeight: 20px;
@@ -59,22 +59,8 @@
 .navbar-nav > li > a {
   padding: @navbarTopPadding 10px;
   line-height: @navbarLineHeight;
-  color: #fff;
-  font-size: 12px;
-  font-weight: 300;
-  letter-spacing: 0.05em;
-
-  &:hover, &:focus {
-    color: #fff;
-  }
-}
-
-.navbar-nav > .active > a,
-.navbar-nav > .dropdown.open > a {
-  color: #fff;
 }
 
-
 .navbar-icon:before {
   font-size: @iconFontSize;
 }
@@ -123,6 +109,22 @@
 .navbar-global {
   background-color: @navbarGlobalBackground;
 
+  .navbar-nav > li > a {
+    color: #fff;
+    font-size: 12px;
+    font-weight: 300;
+    letter-spacing: 0.05em;
+
+    &:hover, &:focus {
+      color: #fff;
+    }
+  }
+
+  .navbar-nav > .active > a,
+  .navbar-nav > .dropdown.open > a {
+    color: #fff;
+  }
+
   .navbar-nav > li > a:hover,
   .navbar-nav > li > a:focus,
   .navbar-nav > .active > a,
@@ -134,50 +136,18 @@
 
 .navbar-context {
   background-color: @navbarContextBackground;
-  border-bottom: 1px solid @barBorderColor;
+  border-bottom: 1px solid @blue;
 
   .navbar-nav > li > a {
+    padding-bottom: 1px !important;
+    border-bottom: 3px solid transparent;
     color: @baseFontColor;
-    font-weight: 400;
-    letter-spacing: 0;
   }
 
   .navbar-nav > li > a:hover,
   .navbar-nav > li > a:focus,
   .navbar-nav > .active > a,
   .navbar-nav > .dropdown.open > a {
-    color: @baseFontColor;
-  }
-}
-
-.navbar-nav-pills {
-  padding-top: 4px;
-  padding-bottom: 4px;
-
-  > li + li {
-    margin-left: 5px;
-  }
-
-  > li > a {
-    padding-top: 0;
-    padding-bottom: 0;
-    border: 1px solid transparent;
-    border-radius: 3px;
-    color: @baseFontColor;
-    font-weight: 400;
-    letter-spacing: 0;
-  }
-
-  > li > a:hover,
-  > li > a:focus,
-  > .active > a,
-  > .dropdown.open > a {
-    border-color: @blue;
-    color: @baseFontColor;
-  }
-
-  > .active > a,
-  > .dropdown.open > a {
-    background-color: @lightBlue;
+    border-bottom-color: @blue;
   }
 }

diff --git a/server/sonar-web/src/main/less/ui.less b/server/sonar-web/src/main/less/ui.less
index 9c289d3c39cbe35f1d40d7d35b9bd3060d381186..a89e840e2f6b793de5ff3df0fb80dd2e4db0bf89 100644 (file)
--- a/server/sonar-web/src/main/less/ui.less
+++ b/server/sonar-web/src/main/less/ui.less
@@ -421,9 +421,13 @@ input[type=button] {
 }
 
 
+.nav-crumbs {
+
+}
+
 .nav-crumbs > li + li:before {
   content: " /";
   display: inline-block;
   vertical-align: middle;
-  color: @secondFontColor;
+  color: fade(@baseFontColor, 30%);
 }