diff options
author | Corey Hulen <corey@hulen.com> | 2015-11-30 20:35:47 -0800 |
---|---|---|
committer | Corey Hulen <corey@hulen.com> | 2015-11-30 20:35:47 -0800 |
commit | 0d3f0f348139d9749de232c50c452d95b07e6c05 (patch) | |
tree | e59a81631577a4270168f932a4af3eaef8054e33 /web/sass-files/sass/partials/_modal.scss | |
parent | 441c9991ff1a4acc613c19ea8d96f17c60bce0c4 (diff) | |
parent | d3fd017e69943adf364a0459d3c28179a97835ff (diff) | |
download | chat-0d3f0f348139d9749de232c50c452d95b07e6c05.tar.gz chat-0d3f0f348139d9749de232c50c452d95b07e6c05.tar.bz2 chat-0d3f0f348139d9749de232c50c452d95b07e6c05.zip |
Merge pull request #1547 from asaadmahmoodspin/ui-improvements
Ui improvements
Diffstat (limited to 'web/sass-files/sass/partials/_modal.scss')
-rw-r--r-- | web/sass-files/sass/partials/_modal.scss | 40 |
1 files changed, 29 insertions, 11 deletions
diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss index 6270c8608..4a56bc6c7 100644 --- a/web/sass-files/sass/partials/_modal.scss +++ b/web/sass-files/sass/partials/_modal.scss @@ -3,6 +3,7 @@ } .modal-body { padding: 20px 15px; + overflow: auto; } .modal { width: 100%; @@ -47,9 +48,6 @@ margin-left: auto; margin-right: auto; } - .modal-body { - overflow: auto; - } .modal-push-down { margin-top: 5%; } @@ -195,21 +193,35 @@ width:100%; height: 100%; margin: 0 auto; + max-width: 100%; + + .modal-body { + @include clearfix; + height: 100%; + display: table; + table-layout: fixed; + width: 100%; + max-height: 100%; + } + .image-wrapper { position: relative; max-width: 90%; - min-height: 100px; - min-width: 320px; @include border-radius(3px); - display: table; - margin: 0 auto; + display: table-cell; + vertical-align: middle; + text-align: center; + width: 100%; + &:hover { @include border-radius(3px 3px 0 0); } + &.default { width: 100%; height: 80%; } + .modal-close { background: url("../images/close.png") no-repeat; @include background-size(100% 100%); @@ -225,24 +237,31 @@ transition: opacity 0.6s; cursor: pointer; z-index: 9999; + &.modal-close--show { @include opacity(1); } + } - > a { + + > div { + min-height: 100px; + min-width: 320px; background: #FFF; - display: table-cell; - vertical-align: middle; + display: inline-block; position: relative; &:hover .file-playback-controls.stop { @include opacity(1); } + } + img { max-width: 100%; max-height: 100%; } + .spinner.file__loading { z-index: 2; position: absolute; @@ -259,7 +278,6 @@ height: 100%; padding: 0; border: none; - display: table; } .image-body { vertical-align: middle; |