fix search bar position

vectormap · Jan 21, 2015 · 9f5d9a1 · 9f5d9a1
1 parent 503f295
commit 9f5d9a1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
     <link href="leaflet.css" rel="stylesheet">
     <link href="app.css" rel="stylesheet">
   </head>
-  <body id="root" class="grade-a platform-browser platform-macintel platform-ready menu-open">
+  <body id="root" class="grade-a platform-browser platform-macintel platform-ready menu-open has-map">
     <script src="external-libs-bundle.js"></script>
     <script src="app.js"></script>
   </body>

diff --git a/src/scripts/ui/SearchBar.jsx b/src/scripts/ui/SearchBar.jsx
@@ -9,7 +9,7 @@ var SearchBar = React.createClass({
     var binding = this.getBinding();
 
     return (
-      <div className="bar-stable">
+      <div className="vmp-search-bar bar-stable">
         <div className="bar-stable bar bar-header item-input-inset">
           <button className="button button-icon button-clear ion-navicon" onClick={toggle(binding, 'menuOpen')} />
           <label className="item-input-wrapper">

diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -15,3 +15,11 @@
   cursor: auto;
   background: url('/images/vmp_map_back.png');
 }
+
+.has-map .vmp-search-bar {
+  z-index: 100;
+  top: 0;
+  right: 0;
+  position: absolute;
+  left: 0;
+}