ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
config/examples/example.html
+4 -2
View File
@@ -18,8 +18,10 @@
<body> <body>
<header class="navbar" role="navigation"> <header class="navbar" role="navigation">
<div class="container" id="navbar-inner-container"> <div class="container">
<a class="navbar-brand" href="./"><img src="./resources/logo-70x70.png">&nbsp;OpenLayers 3 Examples</a> <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"> <ul class="nav navbar-nav pull-right">
<li><a href="../doc">Docs</a></li> <li><a href="../doc">Docs</a></li>
<li><a class="active" href="index.html">Examples</a></li> <li><a class="active" href="index.html">Examples</a></li>
examples/index.html
+7 -8
View File
@@ -11,9 +11,6 @@
body { body {
padding-top: 70px; padding-top: 70px;
} }
.navbar-form {
margin-top: 12px;
}
input.search-query { input.search-query {
color: #333; color: #333;
} }
@@ -186,11 +183,13 @@
<header class="navbar navbar-fixed-top" role="navigation"> <header class="navbar navbar-fixed-top" role="navigation">
<div class="container"> <div class="container">
<a class="navbar-brand" href="./"><img src="./resources/logo-70x70.png">&nbsp;OpenLayers 3 Examples</a> <div class="display-table pull-left">
<form class="navbar-form navbar-left search-form" role="search"> <a class="navbar-brand" href="./"><img src="./resources/logo-70x70.png">&nbsp;OpenLayers 3 Examples</a>
<input name="q" type="text" id="keywords" class="search-query" placeholder="Search" autofocus> <form class="navbar-form" role="search">
<span id="count"></span> <input name="q" type="text" id="keywords" class="search-query" placeholder="Search" autofocus>
</form> <span id="count"></span>
</form>
</div>
<ul class="nav navbar-nav pull-right"> <ul class="nav navbar-nav pull-right">
<li><a href="../doc">Docs</a></li> <li><a href="../doc">Docs</a></li>
<li><a class="active" href="index.html">Examples</a></li> <li><a class="active" href="index.html">Examples</a></li>
examples/resources/common.js
+2 -2
View File
@@ -22,7 +22,7 @@
return; return;
} }
var container = document.getElementById('navbar-inner-container'); var container = document.getElementById('navbar-logo-container');
if (!container) { if (!container) {
return; return;
} }
@@ -74,7 +74,7 @@
select.className = 'input-medium'; select.className = 'input-medium';
form.className = 'navbar-form pull-right version-form'; form.className = 'navbar-form version-form';
form.appendChild(select); form.appendChild(select);
container.appendChild(form); container.appendChild(form);
examples/resources/layout.css
+7 -4
View File
@@ -32,12 +32,15 @@ body {
.navbar-nav>li>a { .navbar-nav>li>a {
color: white; color: white;
} }
.search-form, .version-form { .display-table {
position: absolute; display: table;
left: 450px; }
.version-form, .navbar-form {
display: table-cell;
vertical-align: middle;
} }
.version-form { .version-form {
top: 5px; color: #333;
} }
#title { #title {