diff options
author | Jessica <jessica@Absolventas-MacBook-Pro.local> | 2018-09-26 15:45:32 +0200 |
---|---|---|
committer | Jessica <jessica@Absolventas-MacBook-Pro.local> | 2018-09-26 15:45:32 +0200 |
commit | b5dbd64666ec9d19e20a127d951c5dd34d91131e (patch) | |
tree | 7634517a85e47181b8c1f14bd9e9da884b92af75 /src | |
parent | 602772a753c29a1deb20d962d019cbda96a289ee (diff) |
worked on the styling to allow avatar options to be accessible.
Diffstat (limited to 'src')
-rw-r--r-- | src/components/ContactDetails/ContactDetailsAvatar.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/ContactDetails/ContactDetailsAvatar.vue b/src/components/ContactDetails/ContactDetailsAvatar.vue index 9ebdf39a..bf7e242a 100644 --- a/src/components/ContactDetails/ContactDetailsAvatar.vue +++ b/src/components/ContactDetails/ContactDetailsAvatar.vue @@ -22,17 +22,17 @@ import rfcProps from '../../models/rfcProps'; --> <template> - <div id="contact-header-avatar" :class="{'maximised':maximizeAvatar }"> - <div class="contact-avatar-background" /> + <div :class="{'maximised':maximizeAvatar }" class="contact-header-avatar"> + <div class="contact-header-avatar__background" /> <img v-if="contact.photo" :src="contact.photo" class="contact-header-avatar__picture" @click="toggleSize"> - <div class="avatar-options"> + <div class="contact-header-avatar__options"> <input id="contact-avatar-upload" type="file" class="hidden" accept="image/*" @change="processFile"> <label v-tooltip.auto="t('contacts', 'Upload a new picture')" for="contact-avatar-upload" class="icon-upload-white" /> <div v-if="maximizeAvatar" class="icon-delete-white" @click="removePhoto" /> - <div v-if="maximizeAvatar" class="icon-fullscreen-white" @click="minimizePhoto" /> + <div v-if="maximizeAvatar" class="icon-fullscreen-white" @click="toggleSize" /> <div v-if="maximizeAvatar" class="icon-download-white" @click="downloadPhoto" /> </div> </div> @@ -67,7 +67,7 @@ export default { reader.readAsDataURL(file) }, toggleSize() { - // maximise avatar photo + // maximise or minimise avatar photo this.maximizeAvatar = !this.maximizeAvatar }, removePhoto() { |