From 6ca6072f478f556ba2d25c9762f0d73c9e84c7f6 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <Unknowngi@live.com>
Date: Thu, 13 Aug 2015 23:33:18 +0500
Subject: [PATCH] Updating UI to cover RHS and the centre channel separately

---
 web/react/components/post_list.jsx      | 2 +-
 web/react/components/post_right.jsx     | 2 +-
 web/sass-files/sass/partials/_base.scss | 1 +
 web/sass-files/sass/partials/_post.scss | 6 +++---
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/react/components/post_list.jsx b/web/react/components/post_list.jsx
index 53e8d0761f..f456502796 100644
--- a/web/react/components/post_list.jsx
+++ b/web/react/components/post_list.jsx
@@ -464,7 +464,7 @@ module.exports = React.createClass({
 
         return (
             <div>
-                <div className='center-file-overlay invisible'>
+                <div className='file-overlay center-file-overlay invisible'>
                     <div>
                         <i className="fa fa-upload"></i>
                         <span>Drop a file to upload it.</span>
diff --git a/web/react/components/post_right.jsx b/web/react/components/post_right.jsx
index b772c7ee8f..09cd8cb568 100644
--- a/web/react/components/post_right.jsx
+++ b/web/react/components/post_right.jsx
@@ -296,7 +296,7 @@ module.exports = React.createClass({
 
         return (
             <div className="post-right__container">
-                <div className='center-file-overlay right-file-overlay invisible'>
+                <div className='file-overlay right-file-overlay invisible'>
                     <div>
                         <i className="fa fa-upload"></i>
                         <span>Drop a file to upload it.</span>
diff --git a/web/sass-files/sass/partials/_base.scss b/web/sass-files/sass/partials/_base.scss
index 78006ff189..5b68b488f5 100644
--- a/web/sass-files/sass/partials/_base.scss
+++ b/web/sass-files/sass/partials/_base.scss
@@ -24,6 +24,7 @@ body {
     height: 100%;
     > .row.main {
       height: 100%;
+      position: relative;
     }
   }
   > .container-fluid {
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 614fc085bd..bbf36ea934 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -106,13 +106,13 @@ body.ios {
 	}
 }
 
-.center-file-overlay {
-	position: fixed;
+.file-overlay {
+	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
-	background-color: rgba(0, 0, 0, 0.8);
+	background-color: rgba(0, 0, 0, 0.6);
 	text-align: center;
 	color: #FFF;
 	display: table;