From 097257ade8b01a6f4ce4766cb844d06533bb74cf Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 13 Aug 2015 23:11:01 +0500 Subject: UI Upgrades to file overlay for uploads --- web/sass-files/sass/partials/_post.scss | 50 ++++++++++++++++++++------------- 1 file changed, 30 insertions(+), 20 deletions(-) (limited to 'web/sass-files/sass/partials/_post.scss') diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 0af5c01e2..614fc085b 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -106,30 +106,40 @@ 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; +.center-file-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.8); + text-align: center; + color: #FFF; + display: table; + font-size: 1.7em; + font-weight: 600; + z-index: 6; - .invisible { - visibility: hidden; - } - .visible { - visibility: visible; - } - .center-file-help-text { + > div { + display: table-cell; + vertical-align: middle; + } - } - .center-file-help-picture { + .fa { + display: block; + font-size: 2em; + margin: 0 0 0.3em; + } - } + .invisible { + visibility: hidden; + } + .visible { + visibility: visible; } +} + +#post-list { .post-list-holder-by-time { background: #fff; overflow-y: scroll; -- cgit v1.2.3-1-g7c22