diff options
author | Asaad Mahmood <Unknowngi@live.com> | 2015-08-04 19:12:20 +0500 |
---|---|---|
committer | Asaad Mahmood <Unknowngi@live.com> | 2015-08-04 19:12:20 +0500 |
commit | 77f52da25512dc6ab80635efaa6c22a2887cd5e2 (patch) | |
tree | aed6410e1119eceeb1c3789b8d1a2442b67d746c /web/sass-files/sass/partials/_files.scss | |
parent | 2c46ee8420eb19d827d3f2072bd536aae2038f84 (diff) | |
download | chat-77f52da25512dc6ab80635efaa6c22a2887cd5e2.tar.gz chat-77f52da25512dc6ab80635efaa6c22a2887cd5e2.tar.bz2 chat-77f52da25512dc6ab80635efaa6c22a2887cd5e2.zip |
UI Improvements
Diffstat (limited to 'web/sass-files/sass/partials/_files.scss')
-rw-r--r-- | web/sass-files/sass/partials/_files.scss | 61 |
1 files changed, 32 insertions, 29 deletions
diff --git a/web/sass-files/sass/partials/_files.scss b/web/sass-files/sass/partials/_files.scss index ddc5e98bb..6b27753bd 100644 --- a/web/sass-files/sass/partials/_files.scss +++ b/web/sass-files/sass/partials/_files.scss @@ -4,7 +4,8 @@ max-height: 110px; height: 110px; white-space: nowrap; - overflow: auto; + overflow-x: auto; + overflow-y: hidden; .preview-div { display: inline-block; width: 120px; @@ -28,9 +29,9 @@ } } .preview-img { - display: block; - height: auto; - max-width: 100%; + display: block; + height: auto; + max-width: 100%; } .remove-preview { position: absolute; @@ -130,15 +131,17 @@ background-color: #FFF; background-repeat: no-repeat; &.small { - background-position: center; + background-position: center; } &.normal { - background-position: top left; + background-position: top left; } } .post-image__thumbnail { width: 50%; height: 100%; + cursor: zoom-in; + cursor: -webkit-zoom-in; } .post-image__details { width: 50%; @@ -165,34 +168,34 @@ } .file-details__container { - @include display-flex; - display: -ms-flexbox; + @include display-flex; + display: -ms-flexbox; - .file-details { - width: 320px; - height: 270px; - padding: 14px; - text-align: left; - vertical-align: top; + .file-details { + width: 320px; + height: 270px; + padding: 14px; + text-align: left; + vertical-align: top; - .file-details__name { - font-size: 16px; - } - .file-details__info { - color: grey; - } + .file-details__name { + font-size: 16px; } - .file-details__preview { - width: 320px; - height: 270px; - border-right: 1px solid #ddd; - vertical-align: center; + .file-details__info { + color: grey; + } + } + .file-details__preview { + width: 320px; + height: 270px; + border-right: 1px solid #ddd; + vertical-align: center; // helper to center the image icon in the preview window .file-details__preview-helper { - height: 100%; - display: inline-block; - vertical-align: middle; + height: 100%; + display: inline-block; + vertical-align: middle; } + } } -} |