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 (
-
+
Drop a file to upload it. 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 (
-
+
Drop a file to upload it. 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;