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

Timestamp:

Dec 5, 2013, 9:35:51 PM (10 years ago)

Author:

rvelices

Message:

rv_gmaps improvements on mobile/tablets

File:

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

extensions/rv_gmaps/trunk/template/style.css

@@ -80 +80 @@
         min-width: 150px;
         width: 150px;
-        margin-right: 10px;
-        margin-left: 5px;
+        margin-right: 5px;
+        margin-left: 10px;
         font-weight: bold;
 }
@@ -139 +139 @@
 
 
+@media (max-width:980px){
+        #q {
+                max-width:200px; 
+        }
+        #titlebar {
+                height: 36px;
+        }
+
+        #map {
+                top: 36px;
+        }
+}
+
+@media (max-width:640px){
+        #q {
+                max-width: 150px;
+        }
+        .hideable {
+                display:none;
+        }
+}
+
+@media (max-width:360px){
+        #q {
+                display: none; 
+        }
+}