diff options
| author | Edijs <iamedijs@hotmail.com> | 2019-03-13 15:24:09 -0700 |
|---|---|---|
| committer | Edijs <iamedijs@hotmail.com> | 2019-03-13 15:24:09 -0700 |
| commit | 3c5c09c74fa80994635a6c8055c2f81c81f27318 (patch) | |
| tree | 68b7deb08e050ee80a17a21ceadb854e5111622f /src/components/media_modal/media_modal.vue | |
| parent | 9c60934786f0ca11d64550b1f290e1e8d63d8b9d (diff) | |
| parent | 9fd44e4a520289b316c653f1cea2f4d1b6607b55 (diff) | |
Merge branch 'develop' into feature/version-info
Diffstat (limited to 'src/components/media_modal/media_modal.vue')
| -rw-r--r-- | src/components/media_modal/media_modal.vue | 15 |
1 files changed, 2 insertions, 13 deletions
diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue index 427bf12b..7f666603 100644 --- a/src/components/media_modal/media_modal.vue +++ b/src/components/media_modal/media_modal.vue @@ -1,5 +1,5 @@ <template> - <div class="modal-view" v-if="showing" @click.prevent="hide"> + <div class="modal-view media-modal-view" v-if="showing" @click.prevent="hide"> <img class="modal-image" v-if="type === 'image'" :src="currentMedia.url"></img> <VideoAttachment class="modal-image" @@ -32,18 +32,7 @@ <style lang="scss"> @import '../../_variables.scss'; -.modal-view { - z-index: 1000; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - display: flex; - justify-content: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.5); - +.media-modal-view { &:hover { .modal-view-button-arrow { opacity: 0.75; |