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/_mask_project.scss
+++ b/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 {