From ad8cda652fe828281e96e5349cab640bcd29cbf4 Mon Sep 17 00:00:00 2001
From: arno <arno@renevier.net>
Date: Sat, 21 Aug 2010 14:37:29 +0200
Subject: [PATCH] css improvements for nominatim-suggestions

---
 application/views/scripts/idx/index.phtml | 14 +++--
 public/css/syj.css                        | 67 ++++++++++++-----------
 public/js/syj.js                          |  2 +-
 3 files changed, 44 insertions(+), 39 deletions(-)

diff --git a/application/views/scripts/idx/index.phtml b/application/views/scripts/idx/index.phtml
index ff1890e..37d4fca 100644
--- a/application/views/scripts/idx/index.phtml
+++ b/application/views/scripts/idx/index.phtml
@@ -81,11 +81,6 @@
             <img id="nominatim-throbber" src="icons/throbber.gif">
             </div>
 
-            <div id="nominatim-suggestions">
-            <div id="nominatim-suggestions-title"><?php echo $this->translate('more results')?></div>
-            <ul id="nominatim-suggestions-list"></ul>
-            </div>
-
         </form>
 
         <input id="create-btn" name="create-btn" type="button" value="<?php echo $this->translate('start a route');?>">
@@ -95,8 +90,17 @@
     <?php
         print $this->geomform;
     ?>
+
 </div>
 
+<?php if (!isset($this->path)) {?>
+            <div id="nominatim-suggestions">
+            <div id="nominatim-suggestions-title"><?php echo $this->translate('more results')?></div>
+            <ul id="nominatim-suggestions-list"></ul>
+            </div>
+<?php }?>
+
+
 </div>
 
 <div id="newpwd_area" class="modal">
diff --git a/public/css/syj.css b/public/css/syj.css
index f3d0f0b..f50af3e 100644
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -51,6 +51,7 @@ body, html {
 }
 
 .menu-group {
+    z-index: 10; /* to be over nominatim-suggestions */
     position: relative; /* otherwise, under #map in ie */
     float: right;
     clear: right;
@@ -143,30 +144,52 @@ body, html {
     border: 1px solid black;
     padding: 0;
 }
+
+#geomform {
+    padding: 25px 45px 20px 45px;
+    *width: 40%; /* otherwise takes all screen width in ie<7 */
+}
+#edit-btn {
+    margin-top: 1em;
+}
+#geom_title {
+    margin-top: 0.7em;
+}
+#geom_submit {
+    margin-top: 0.7em;
+}
+
+#other-language {
+    opacity: 0.85;
+    filter:alpha(opacity=85);
+    background-color: white;
+    padding: 5px 1px 5px 1px;
+    position: relative; /* otherwise, under #map in ie */
+}
+
+/* nominatim-suggestions */
 #nominatim-suggestions {
+    text-align: left;
     border: 2px solid blue;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
     border-radius: 8px;
-    margin-top: 8px;
-<<<<<<< HEAD
     max-width: 360px;
     width: 360px\9; /* ie only */
-=======
-    max-width: 320px;
-    width: 320px\9; /* ie only */
->>>>>>> cf7da47... display route length
-    position: absolute;
     background-color: white;
-}
-#nominatim-suggestions-title {
-    text-align: center;
-    font-weight: bold;
+    position: absolute;
+    right: 8px;
 }
 #nominatim-suggestions-list {
+    margin-left: 0;
+    position: relative;
     list-style: none;
     padding: 0 16px 0 12px;
 }
+#nominatim-suggestions-title {
+    text-align: center;
+    font-weight: bold;
+}
 #nominatim-suggestions-list li.current {
     background-color: #D3D3D3;
 }
@@ -179,28 +202,6 @@ body, html {
     text-decoration: none;
 }
 
-#geomform {
-    padding: 25px 45px 20px 45px;
-    *width: 40%; /* otherwise takes all screen width in ie<7 */
-}
-#edit-btn {
-    margin-top: 1em;
-}
-#geom_title {
-    margin-top: 0.7em;
-}
-#geom_submit {
-    margin-top: 0.7em;
-}
-
-#other-language {
-    opacity: 0.85;
-    filter:alpha(opacity=85);
-    background-color: white;
-    padding: 5px 1px 5px 1px;
-    position: relative; /* otherwise, under #map in ie */
-}
-
 /* * login rules
  */
 .modal {
diff --git a/public/js/syj.js b/public/js/syj.js
index 916d277..e33ea4e 100644
--- a/public/js/syj.js
+++ b/public/js/syj.js
@@ -1107,7 +1107,7 @@ var Nominatim = (function() {
         if ($("nominatim-suggestions-list").childNodes.length > 1) {
             var bottomOffset = $('data_controls').measure('height') + 3;
             $("nominatim-suggestions").setStyle({
-                bottom: bottomOffset.toString() + 'px'
+                bottom: (document.viewport.getHeight() - $('data_controls').cumulativeOffset().top + 3).toString() + 'px'
             }).show();
             $("nominatim-suggestions-list").select("li:first-child")[0].addClassName('current');
         } else {
-- 
2.39.2