diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-09-26 17:51:44 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-09-26 18:46:38 +0200 |
| commit | dd0a064868d8d96249df5445fff2ceaf80ea62e5 (patch) | |
| tree | 76f055c5c9a869b26d78a14f8f4192b467898a49 /src/components/ContactDetails/ContactDetailsAvatar.vue | |
| parent | 713545f51649398676c0fe54c6d4f7c842fe0899 (diff) | |
Move to global eslint
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'src/components/ContactDetails/ContactDetailsAvatar.vue')
| -rw-r--r-- | src/components/ContactDetails/ContactDetailsAvatar.vue | 28 |
1 files changed, 20 insertions, 8 deletions
diff --git a/src/components/ContactDetails/ContactDetailsAvatar.vue b/src/components/ContactDetails/ContactDetailsAvatar.vue index fbfea250..a8762983 100644 --- a/src/components/ContactDetails/ContactDetailsAvatar.vue +++ b/src/components/ContactDetails/ContactDetailsAvatar.vue @@ -25,21 +25,30 @@ <div class="contact-header-avatar"> <div class="contact-header-avatar__wrapper"> <div class="contact-header-avatar__background" @click="toggleModal" /> - <div v-if="contact.photo" :style="{ 'backgroundImage': `url(${contact.photoUrl})` }" + <div v-if="contact.photo" + :style="{ 'backgroundImage': `url(${contact.photoUrl})` }" class="contact-header-avatar__photo" @click="toggleModal" /> <div v-click-outside="closeMenu" class="contact-header-avatar__options"> - <a v-tooltip.bottom="t('contacts', 'Add a new picture')" href="#" class="contact-avatar-options" + <a v-tooltip.bottom="t('contacts', 'Add a new picture')" + href="#" + class="contact-avatar-options" :class="loading ? 'icon-loading-small' : 'icon-picture-force-white'" @click.stop.prevent="toggleMenu" /> - <input id="contact-avatar-upload" ref="uploadInput" type="file" - class="hidden" accept="image/*" @change="processFile"> + <input id="contact-avatar-upload" + ref="uploadInput" + type="file" + class="hidden" + accept="image/*" + @change="processFile"> </div> <Modal v-if="maximizeAvatar" - ref="modal" class="contact-header-modal" - size="large" :title="contact.displayName" + ref="modal" + class="contact-header-modal" + size="large" + :title="contact.displayName" @close="toggleModal"> <template #actions> <ActionButton v-if="!isReadOnly" icon="icon-upload" @click="selectFileInput"> @@ -55,8 +64,11 @@ {{ t('contacts', 'Download picture') }} </ActionLink> </template> - <img ref="img" :src="contact.photoUrl" class="contact-header-modal__photo" - :style="{ width, height }" @load="updateImgSize"> + <img ref="img" + :src="contact.photoUrl" + class="contact-header-modal__photo" + :style="{ width, height }" + @load="updateImgSize"> </Modal> <!-- out of the avatar__options because of the overflow hidden --> |