Merge pull request #4956 from jonataswalker/fix-layout-examples

Fix Examples layout page
This commit is contained in:
Andreas Hocevar
2016-03-02 19:09:42 +01:00
parent e8cd5e322f
commit bef31dc386
4 changed files with 20 additions and 16 deletions

View File

@@ -18,8 +18,10 @@
<body>
<header class="navbar" role="navigation">
<div class="container" id="navbar-inner-container">
<a class="navbar-brand" href="./"><img src="./resources/logo-70x70.png">&nbsp;OpenLayers 3 Examples</a>
<div class="container">
<div class="display-table pull-left" id="navbar-logo-container">
<a class="navbar-brand" href="./"><img src="./resources/logo-70x70.png">&nbsp;OpenLayers 3 Examples</a>
</div>
<ul class="nav navbar-nav pull-right">
<li><a href="../doc">Docs</a></li>
<li><a class="active" href="index.html">Examples</a></li>

View File

@@ -11,9 +11,6 @@
body {
padding-top: 70px;
}
.navbar-form {
margin-top: 12px;
}
input.search-query {
color: #333;
}
@@ -186,11 +183,13 @@
<header class="navbar navbar-fixed-top" role="navigation">
<div class="container">
<a class="navbar-brand" href="./"><img src="./resources/logo-70x70.png">&nbsp;OpenLayers 3 Examples</a>
<form class="navbar-form navbar-left search-form" role="search">
<input name="q" type="text" id="keywords" class="search-query" placeholder="Search" autofocus>
<span id="count"></span>
</form>
<div class="display-table pull-left">
<a class="navbar-brand" href="./"><img src="./resources/logo-70x70.png">&nbsp;OpenLayers 3 Examples</a>
<form class="navbar-form" role="search">
<input name="q" type="text" id="keywords" class="search-query" placeholder="Search" autofocus>
<span id="count"></span>
</form>
</div>
<ul class="nav navbar-nav pull-right">
<li><a href="../doc">Docs</a></li>
<li><a class="active" href="index.html">Examples</a></li>

View File

@@ -22,7 +22,7 @@
return;
}
var container = document.getElementById('navbar-inner-container');
var container = document.getElementById('navbar-logo-container');
if (!container) {
return;
}
@@ -74,7 +74,7 @@
select.className = 'input-medium';
form.className = 'navbar-form pull-right version-form';
form.className = 'navbar-form version-form';
form.appendChild(select);
container.appendChild(form);

View File

@@ -32,12 +32,15 @@ body {
.navbar-nav>li>a {
color: white;
}
.search-form, .version-form {
position: absolute;
left: 450px;
.display-table {
display: table;
}
.version-form, .navbar-form {
display: table-cell;
vertical-align: middle;
}
.version-form {
top: 5px;
color: #333;
}
#title {