responsive infowindow

srcs/plugins/map_prof/styles/mp_filters.css

@@ -110,6 +110,7 @@
 
 
 
+
 /* **************************************
 	MENU RESET
 */
@@ -127,6 +128,15 @@
 
 
 
+
+
+
+
+/* **************************************
+	RESONSIVE DESIGN
+*/
+
+
 @media only screen and (max-width: 700px) {
 	#ljdp_map_filters {
 		flex-wrap: wrap;

srcs/plugins/map_prof/styles/mp_info_windows.css

@@ -17,6 +17,7 @@
 	box-shadow: 0 2px 7px 1px rgba(0,0,0,.3);
 	box-shadow: none;
 	border-radius: 0 !important;
+	max-width: 75vw !important;
 }
 
 
@@ -59,8 +60,8 @@ button.gm-ui-hover-effect {
 
 #infowindow_limits {
 	/* height must be twice js 'height' value (mp_info_windows.js -> '{ ... height: XXX }' */
-	height: 400px;
-	width: 380px;
+	height: 550px;
+	max-width: 380px;
 	flex-direction: column;
 	pointer-events: none;
 	background-color: transparent;
@@ -124,9 +125,8 @@ button.gm-ui-hover-effect {
 }
 
 #infowindow_limits .infowindow_body {
-	padding: 0px 10px 10px 10px;
+	padding: 10px 10px 10px 10px;
 	margin: 0px;
-	margin-top: 30px;
 }
 
 #infowindow_limits .infowindow_body::after {
@@ -147,3 +147,41 @@ button.gm-ui-hover-effect {
 	color: #666;
 }
 
+
+
+
+/* **************************************
+	HIDE SCROLL BARS
+*/
+/* chrome safari opera */
+.gm-style-iw-d::-webkit-scrollbar,
+#infowindow_limits::-webkit-scrollbar,
+#infowindow_limits .infowindow::-webkit-scrollbar {
+	display: none;
+}
+
+.gm-style-iw-d,
+#infowindow_limits,
+#infowindow_limits .infowindow {
+	-ms-overflow-style: none;	/* Ie edge */
+	scrollbar-width: none;		/* firefox */
+}
+
+
+
+
+
+/* **************************************
+	MOBILE RESPONSIVE
+*/
+
+@media only screen and (max-width: 400px) {
+	#infowindow_limits .infowindow_body p,
+	#infowindow_limits .infowindow_head p {
+		font-size: 115%;
+	}
+}
+
+
+
+