3 files changed, 46 insertions, 7 deletions
diff --git a/web/sass-files/sass/partials/_files.scss b/web/sass-files/sass/partials/_files.scss
index 3736f9303..9bf6fd83a 100644
--- a/web/sass-files/sass/partials/_files.scss
+++ b/web/sass-files/sass/partials/_files.scss
@@ -203,10 +203,3 @@
   }
 }
 
-.center-file-overlay {
-  background:rgba(255,255,255,0.5);
-}
-
-.right-file-overlay {
-  background:rgba(255,255,255,0.5);
-}
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 98b17120d..0af5c01e2 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -107,6 +107,29 @@ body.ios {
 }
 
 #post-list {
+	.center-file-overlay {
+		top: 0px;
+		height: 100%;
+		width: 59.7%;
+		position: fixed;
+		z-index: 2147483646;
+		-moz-box-shadow: 0px 0px 3px #8a8a8a;
+		-webkit-box-shadow: 0px 0px 3px #8a8a8a;
+		box-shadow: 0px 0px 3px #8a8a8a;
+
+		.invisible {
+			visibility: hidden;
+		}
+		.visible {
+			visibility: visible;
+		}
+		.center-file-help-text {
+
+		}
+		.center-file-help-picture {
+
+		}
+	}
 	.post-list-holder-by-time {
 		background: #fff;
 		overflow-y: scroll;
diff --git a/web/sass-files/sass/partials/_post_right.scss b/web/sass-files/sass/partials/_post_right.scss
index 4cf3e32a1..41b7aaada 100644
--- a/web/sass-files/sass/partials/_post_right.scss
+++ b/web/sass-files/sass/partials/_post_right.scss
@@ -1,5 +1,28 @@
 .post-right__container {
 
+	.right-file-overlay {
+		height: 100%;
+		width: 100%;
+		position: fixed;
+		z-index: 2147483646;
+		-moz-box-shadow: 0px 0px 3px #8a8a8a;
+		-webkit-box-shadow: 0px 0px 3px #8a8a8a;
+		box-shadow: 0px 0px 3px #8a8a8a;
+
+		.invisible {
+			visibility: hidden;
+		}
+		.visible {
+			visibility: visible;
+		}
+		.right-file-help-text {
+
+		}
+		.right-file-help-picture {
+
+		}
+	}
+
 	.post-right-root-message {
 		padding: 1em 1em 0;
 	}