aboutsummaryrefslogtreecommitdiff
path: root/src/components/media_modal/media_modal.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2019-03-25 19:09:22 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2019-03-25 19:09:22 +0000
commit3025532ecf6b728604d14af9bf218e96de0756ed (patch)
tree6ae4a91f593357bbbcae3109002dbd22122e1d02 /src/components/media_modal/media_modal.vue
parent8522063b2c4a35f0926517a3b75376c81131dd79 (diff)
parent854d0e80512d2da80cd5153144698a5148da4aa6 (diff)
Merge branch 'develop' into 'mastoapi/public-tl'
# Conflicts: # src/services/api/api.service.js
Diffstat (limited to 'src/components/media_modal/media_modal.vue')
-rw-r--r--src/components/media_modal/media_modal.vue15
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;