diff options
author | Asaad Mahmood <Unknowngi@live.com> | 2015-09-07 23:08:55 +0500 |
---|---|---|
committer | Asaad Mahmood <Unknowngi@live.com> | 2015-09-07 23:08:55 +0500 |
commit | c4fac97242fbbeebbcda0e5330e72a31506c2c55 (patch) | |
tree | 3502bbc2c4587fbeae0215009734ef856d0c4b04 | |
parent | 30cfc99fe7af647a94098fcdf2f3fcf714cb9d78 (diff) | |
download | chat-c4fac97242fbbeebbcda0e5330e72a31506c2c55.tar.gz chat-c4fac97242fbbeebbcda0e5330e72a31506c2c55.tar.bz2 chat-c4fac97242fbbeebbcda0e5330e72a31506c2c55.zip |
MM-2123 and MM-2124 - UI changes
-rw-r--r-- | web/sass-files/sass/partials/_responsive.scss | 33 |
1 files changed, 25 insertions, 8 deletions
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index 682809f02..c56625b88 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -243,6 +243,23 @@ } } @media screen and (max-width: 768px) { + .file-details__container { + display: block; + .file-details__preview { + display: block; + width: 100%; + height: 150px; + border-right: none; + border-bottom: 1px solid #ddd; + img { + width: 64px; + height: 64px; + } + } + .file-details { + height: auto; + } + } .center-file-overlay { font-size: 1.3em; } @@ -405,23 +422,23 @@ margin-top: 0; } .remove-preview { - width: 50px; - height: 50px; - left: 50%; - top: 50%; + width: 28px; + height: 28px; + left: auto; + right: 0; + top: 0; background: #444; - margin: -25px 0 0 -25px; - @include border-radius(50px); + background: rgba(#000, 0.5); text-align: center; &:after { display: none; } i { - line-height: 50px; + line-height: 29px; top: auto; right: auto; position: relative; - font-size: 28px; + font-size: 16px; } } } |