diff options
author | Asaad Mahmood <Unknowngi@live.com> | 2015-06-26 03:07:20 +0500 |
---|---|---|
committer | Asaad Mahmood <Unknowngi@live.com> | 2015-06-26 03:07:20 +0500 |
commit | f2401dd91f7e0ae005e1efddd1132d91bf4dad02 (patch) | |
tree | da3cb30a0d5107057f361db70854ae71c0104822 /web | |
parent | ac56304bc7a869a4d531810e5380f595426ec7cf (diff) | |
download | chat-f2401dd91f7e0ae005e1efddd1132d91bf4dad02.tar.gz chat-f2401dd91f7e0ae005e1efddd1132d91bf4dad02.tar.bz2 chat-f2401dd91f7e0ae005e1efddd1132d91bf4dad02.zip |
MM-1184 - Updating image preview
Diffstat (limited to 'web')
-rw-r--r-- | web/sass-files/sass/partials/_modal.scss | 13 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_responsive.scss | 1 |
2 files changed, 7 insertions, 7 deletions
diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss index 43dbdc077..22013aa4f 100644 --- a/web/sass-files/sass/partials/_modal.scss +++ b/web/sass-files/sass/partials/_modal.scss @@ -129,15 +129,16 @@ width:100%; margin: 0 auto; .image-wrapper { - padding: 4px; background: #FFF; position: relative; max-width: 80%; - min-height: 280px; min-width: 280px; - @include border-radius(4px); + @include border-radius(3px); display: table; margin: 0 auto; + &:hover { + @include border-radius(3px 3px 0 0); + } &:hover .modal-close { @include opacity(1); } @@ -217,10 +218,11 @@ } .modal-button-bar { position:absolute; - bottom:0px; + bottom:-40px; left:0px; right:0px; - background-color:rgba(0, 0, 0, 0.8); + background-color: #222; + @include border-radius(0 0 3px 3px); @include opacity(0); -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; @@ -228,7 +230,6 @@ transition: opacity 0.6s; line-height: 40px; padding: 0 10px; - margin: 4px; &.footer--show { @include opacity(1); } diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index bed2f6324..3949fc064 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -538,7 +538,6 @@ .modal { .modal-image { .image-wrapper { - padding-bottom: 40px; .modal-close { @include opacity(1); } |