website: fix white bar

fixes #690
This commit is contained in:
Jack Pearkes 2015-02-11 17:49:17 -08:00
parent 79d28b9baf
commit d00d1b0b09
2 changed files with 28 additions and 35 deletions

View File

@ -37,18 +37,16 @@ body.page-sub{
} }
} }
.navbar-brand { .brand {
&.logo{ padding: 13px 15px;
padding: 13px 15px; line-height: 0;
line-height: 0;
span{ .logo{
display: inline-block; display: block;
width: 179px; width: 179px;
height: 59px; height: 59px;
background: image-url('consul-header-logo.png') 0 0 no-repeat; background: image-url('consul-header-logo.png') 0 0 no-repeat;
@include img-retina("consul-header-logo.png", "consul-header-logo@2x.png", 179px, 59px); @include img-retina("consul-header-logo.png", "consul-header-logo@2x.png", 179px, 59px);
}
} }
} }
@ -197,14 +195,12 @@ body.page-sub{
@media (max-width: 992px) { @media (max-width: 992px) {
#header { #header {
.navbar-brand { .brand {
&.logo{ .logo{
span{ width: 120px;
width: 120px; height: 39px;
height: 39px; margin-top: 12px;
margin-top: 12px; background-size: 120px 39px;
background-size: 120px 39px;
}
} }
} }
@ -280,11 +276,9 @@ body.page-sub{
float: none !important; float: none !important;
} }
.navbar-brand { .brand {
&.logo{ .logo{
span{ margin-top: 0;
margin-top: 0;
}
} }
} }

View File

@ -26,19 +26,18 @@
<body class="page-<%= current_page.data.page_title ? "#{current_page.data.page_title} layout-#{current_page.data.layout} page-sub" : "home layout-#{current_page.data.layout}" %>"> <body class="page-<%= current_page.data.page_title ? "#{current_page.data.page_title} layout-#{current_page.data.layout} page-sub" : "home layout-#{current_page.data.layout}" %>">
<div id="header" class="<%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>"> <div id="header" class="<%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand logo" href="/"> <div class="brand">
<span></span> <a class="logo" href="/"></a>
</a> </div>
</div> </div>
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
<ul class="buttons nav navbar-nav navbar-right rls-sb"> <ul class="buttons nav navbar-nav navbar-right rls-sb">
<li class="first download outline-btn"><a href="/downloads.html">Download</a></li> <li class="first download outline-btn"><a href="/downloads.html">Download</a></li>
@ -52,5 +51,5 @@
<li class="li-under"><a href="http://demo.consul.io/">Demo</a></li> <li class="li-under"><a href="http://demo.consul.io/">Demo</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
</div> </div>