fix feed panel display on mobile

2019-03-11 13:18:15 +01:00
parent 900619f8e2
commit 3e4e5ae4d9
5 changed files with 35 additions and 6 deletions
--- a/style/_mobile.scss
+++ b/style/_mobile.scss
@@ -1,7 +1,30 @@
@media only screen and (max-width: 800px) {
-	.desktop, .leaflet-control-container {
+	.desktop {
 		display: none;
 	}
+
+	#projects {
+				
+		&.with-feed {
+			#submap {
+				width: 100%;
+			}
+		
+			.leaflet-right {
+				width: calc(100% - 44px - 2 * #{$block-spacing});
+			}
+		}
+	
+		.leaflet-control-container {
+			.leaflet-top.leaflet-left, .leaflet-bottom.leaflet-left, .leaflet-bottom.leaflet-right {
+				display: none;
+			}
+		}
+	
+		#feed {
+			width: calc(100% - 44px - 2 * #{$block-spacing});
+		}
+	}
 }

@media only screen and (min-width: 801px) {