fix feed panel display on mobile

masks/project.html

@@ -387,12 +387,10 @@ function updateFeed(bFirstChunk, bDiscrete)
 			
 			if(bFirstChunk===true) {
 				self.tmp('news_chunk', 0);
-				if(!bDiscrete) $('#projects').removeClass('with-feed');
 			}
 			
 			self.get('feed', function(asData) {
 				$('#loading').hide();
-				if(!bDiscrete) $('#projects').addClass('with-feed');
 				
 				$.each(asData, function(iKey, asPost){
 					$Posts.append(getPost(asPost));

style/_mask_project.scss

@@ -31,6 +31,11 @@ $legend-color: #222;
 			max-width: calc(#{$feed-width-max});
 		}
 	
+		#feed {
+			z-index: 999;
+			transition: none;
+		}
+	
 		#post-button {
 			.fa {
 				@extend .fa-next;
@@ -193,7 +198,10 @@ $legend-color: #222;
 		bottom: 0;
 		width: calc(#{$feed-width});
 		max-width: calc(#{$feed-width-max});
-		z-index: 999;
+		z-index: -1;
+		transition-property: z-index;
+		transition-duration: 0.1s;
+		transition-delay: 0.5s;
 		overflow: hidden;
 		
 		input, textarea, button {

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) {