Changeset 25834 for extensions/rv_gmaps/trunk/template/style.css

Timestamp:

Dec 7, 2013, 9:09:32 PM (10 years ago)

Author:

rvelices

Message:

rv_gmaps improvements on mobile/tablets

File:

• extensions/rv_gmaps/trunk/template/style.css (modified) (7 diffs)

extensions/rv_gmaps/trunk/template/style.css

@@ -22 +22 @@
 #titlebar {
         width: 100%;
-        height: 18px;
-        overflow: hidden;
+        min-height: 18px;
 }
 
@@ -37 +36 @@
 
 
-#titlebar .titlebar_links { float:right; }
+#titlebar .titlebar_links {
+        float: right;
+        margin-left: 5px;
+        margin-right: 5px;
+}
 
 #titlebar .titlebar_title {
   margin-left: 5px;
-  margin-right: 5px;
 }
 
@@ -49 +51 @@
 }
 
-#titlebar INPUT {
+#q {
   border: 1px solid gray;
   font-size:80%;
@@ -57 +59 @@
 
 
-#titlebar INPUT:focus {
+#q:focus {
   color: black;
   background-color: #ffffff;
@@ -78 +80 @@
 
 #titlebar #dataLoadStatus {
-        min-width: 150px;
-        width: 150px;
-        margin-right: 5px;
-        margin-left: 10px;
         font-weight: bold;
 }
@@ -139 +137 @@
 
 
-@media (max-width:980px){
-        #q {
-                max-width:200px; 
-        }
-        #titlebar {
-                height: 36px;
-        }
-
-        #map {
-                top: 36px;
-        }
+/*google autocomplete dropdown*/
+.pac-container {
+        min-width: 250px;
 }
 
 @media (max-width:640px){
-        #q {
-                max-width: 150px;
-        }
         .hideable {
                 display:none;
@@ -162 +149 @@
 
 @media (max-width:360px){
+        #titlebar .titlebar_links {
+                margin: 0;
+        }
+
+        .gmiw_imageContent {
+                min-width: 280px;
+                width: 280px;
+        }
+
         #q {
-                display: none; 
+                max-width: 100px;
         }
 }