diff options
| author | Christopher Speller <crspeller@gmail.com> | 2015-09-24 10:17:58 -0400 |
|---|---|---|
| committer | Christopher Speller <crspeller@gmail.com> | 2015-09-24 10:58:56 -0400 |
| commit | c5d78f828a48ba88b8a89a0564bcb8352e84b396 (patch) | |
| tree | d70b911e611dd94f5a0f55944c2c14329e08a3c2 /web/sass-files/sass/partials/_modal.scss | |
| parent | d5343f997d8d239f09a93a05d8affd8387bb46bc (diff) | |
| download | chat-c5d78f828a48ba88b8a89a0564bcb8352e84b396.tar.gz chat-c5d78f828a48ba88b8a89a0564bcb8352e84b396.tar.bz2 chat-c5d78f828a48ba88b8a89a0564bcb8352e84b396.zip | |
Converting preview image modal to use react-bootstrap. Fixes issue where modal would appear behind background on iOS
Diffstat (limited to 'web/sass-files/sass/partials/_modal.scss')
| -rw-r--r-- | web/sass-files/sass/partials/_modal.scss | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss index 62067c3b8..b0d5a0f7d 100644 --- a/web/sass-files/sass/partials/_modal.scss +++ b/web/sass-files/sass/partials/_modal.scss @@ -190,16 +190,13 @@ position: relative; max-width: 90%; min-height: 100px; - min-width: 320px; + min-width: 240px; @include border-radius(3px); display: table; margin: 0 auto; &:hover { @include border-radius(3px 3px 0 0); } - &:hover .modal-close { - @include opacity(1); - } &.default { width: 100%; height: 80%; @@ -213,8 +210,15 @@ right: -13px; top: -13px; @include opacity(0); + -webkit-transition: opacity 0.6s; + -moz-transition: opacity 0.6s; + -o-transition: opacity 0.6s; + transition: opacity 0.6s; cursor: pointer; z-index: 9999; + &.modal-close--show { + @include opacity(1); + } } > a { background: #FFF; @@ -226,7 +230,7 @@ max-height: 100%; } } - .image-content { + .modal-content{ box-shadow: none; background: rgba(0, 0, 0, 0); width: 100%; @@ -310,6 +314,7 @@ } } + // Invite New Member .invite { margin-right: 40px; @@ -324,4 +329,4 @@ padding-left: 0; } } -}
\ No newline at end of file +} |