From 14071fe04afe3c11607951a936d7f9d1c91b1cb8 Mon Sep 17 00:00:00 2001
From: Steven H Johnson <shjohnson.pi@gmail.com>
Date: Sat, 16 Jul 2016 08:45:38 -0400
Subject: [PATCH] Show fullscreen control on Google Map and shrink on mobile to
allow scrolling page
---
static/css/sass/_content_map.scss | 10 ++++++----
static/css/usta.css | 10 ++++++----
usta/templates/usta/map.html | 3 ++-
3 files changed, 14 insertions(+), 9 deletions(-)
diff --git a/static/css/sass/_content_map.scss b/static/css/sass/_content_map.scss
index 7749496..1a31bc0 100644
--- a/static/css/sass/_content_map.scss
+++ b/static/css/sass/_content_map.scss
@@ -25,10 +25,6 @@
//START ***** Block
//**************************************************
-#map {
- dislay: none;
-}
-
#map-checkbox-wrapper {
display: none;
}
@@ -66,6 +62,12 @@
#map {
width: 100%;
height: 400px;
+ margin: auto;
+
+ @media (max-height: 450px) {
+ height: 200px;
+ width: 75%;
+ }
}
#map img {
diff --git a/static/css/usta.css b/static/css/usta.css
index 41bf77c..945215f 100644
--- a/static/css/usta.css
+++ b/static/css/usta.css
@@ -1712,9 +1712,6 @@ nav img {
padding-top: 30px;
padding-bottom: 30px; } }
-#map {
- dislay: none; }
-
#map-checkbox-wrapper {
display: none; }
@@ -1725,7 +1722,12 @@ nav img {
#map {
width: 100%;
- height: 400px; }
+ height: 400px;
+ margin: auto; }
+ @media (max-height: 450px) {
+ #map {
+ height: 200px;
+ width: 75%; } }
#map img {
max-height: none; }
diff --git a/usta/templates/usta/map.html b/usta/templates/usta/map.html
index 286fa60..f1203dc 100644
--- a/usta/templates/usta/map.html
+++ b/usta/templates/usta/map.html
@@ -229,7 +229,8 @@ function clearMarkers() {
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {{ map_center }},
- zoom: 10
+ zoom: 10,
+ fullscreenControl: true
});
var infoWindow = new google.maps.InfoWindow({
--
GitLab