From: Stas Vilchik Date: Mon, 2 Feb 2015 10:46:11 +0000 (+0100) Subject: SONAR-6041 update ui of conext navigation X-Git-Tag: 5.1-RC1~468 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=fd17ec57361d94c72ce2df8824db19ff2c227594;p=sonarqube.git SONAR-6041 update ui of conext navigation --- diff --git a/server/sonar-web/src/main/less/navbar.less b/server/sonar-web/src/main/less/navbar.less index 0a686693e49..88bf6f2daf8 100644 --- a/server/sonar-web/src/main/less/navbar.less +++ b/server/sonar-web/src/main/less/navbar.less @@ -188,11 +188,16 @@ .nav-tabs { width: 100%; } + + .navbar-nav > li > a { + padding-top: 2px; + padding-bottom: 2px; + } } .navbar-context-favorite { float: left; - padding: 11px 0 11px 10px; + padding: 6px 0 0 10px; } .navbar-context-meta { diff --git a/server/sonar-web/src/main/less/ui.less b/server/sonar-web/src/main/less/ui.less index 03a876936af..f51a4b7c319 100644 --- a/server/sonar-web/src/main/less/ui.less +++ b/server/sonar-web/src/main/less/ui.less @@ -422,22 +422,30 @@ input[type=button] { .nav-crumbs { - padding: 5px 0; + padding: 2px 0; a { - color: @baseFontColor; + color: @baseLightFontColor; + + &:hover, &:focus { + color: @blue !important; + } } > li + li:before { content: "/"; float: left; - padding: 7px 0; + padding: 4px 0; color: fade(@baseFontColor, 30%); } > li:first-child { - font-size: 21px; + font-size: 18px; font-weight: 300; + + > a { + color: @baseFontColor; + } } } @@ -450,15 +458,18 @@ input[type=button] { } > li > a { + padding-top: 2px; + padding-bottom: 2px; margin-right: 2px; border-bottom: 3px solid transparent; + color: @baseLightFontColor; &:hover { - border-color: @lightBlue; + border-color: @blue; } } > li.active > a { - border-color: @lightBlue; + border-color: @blue; } } diff --git a/server/sonar-web/src/main/less/variables.less b/server/sonar-web/src/main/less/variables.less index 7602afb1a66..f8eb0ee0561 100644 --- a/server/sonar-web/src/main/less/variables.less +++ b/server/sonar-web/src/main/less/variables.less @@ -7,6 +7,7 @@ @mediumFontSize: 14px; @bigFontSize: 16px; @baseFontColor: #444; +@baseLightFontColor: #595959; @secondFontColor: #777; @headerFontSize: 16px;