diff options
author | Jessica Greene <jessica0greene@gmail.com> | 2018-09-26 13:48:39 +0000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-09-26 13:48:39 +0000 |
commit | f14959a4f41a481abd3027bdc51871e6d2447a9c (patch) | |
tree | 7634517a85e47181b8c1f14bd9e9da884b92af75 /src/components/ContactDetails/ContactDetailsAvatar.vue | |
parent | d97f71f521420885b7685480aa212a4db78949e2 (diff) | |
parent | b5dbd64666ec9d19e20a127d951c5dd34d91131e (diff) |
Merge pull request #645 from nextcloud/vue-avatar-management-style
Vue avatar management style
Diffstat (limited to 'src/components/ContactDetails/ContactDetailsAvatar.vue')
-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() { |