diff options
| author | greta <gretadoci@gmail.com> | 2023-08-01 13:22:31 +0200 |
|---|---|---|
| committer | greta <gretadoci@gmail.com> | 2023-08-03 17:32:49 +0200 |
| commit | 9156db1faf769710459ce6bdae26527247783b62 (patch) | |
| tree | 31618313c7fa37e681dc9147a0ca47e27af8b6c3 | |
| parent | 20a3c538b00d3e9a38c90734b9c687f59b331de6 (diff) | |
Improve quick actions design
Signed-off-by: greta <gretadoci@gmail.com>
| -rw-r--r-- | src/components/ContactDetails.vue | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue index fe2d271a..3df94ac3 100644 --- a/src/components/ContactDetails.vue +++ b/src/components/ContactDetails.vue @@ -249,9 +249,13 @@ </ActionLink> </Actions> <NcButton v-if="isTalkEnabled && isInSystemAddressBook" + :aria-label="(t('contacts', 'Go to talk conversation'))" + :title="(t('contacts', 'Go to talk conversation'))" class="icon-talk" :href="callUrl" /> <NcButton v-if="profilePageLink" + :aria-label="(t('contacts','View profile'))" + :title="(t('contacts','View profile'))" :href="profilePageLink"> <template #icon> <IconAccount :size="20" /> @@ -657,10 +661,10 @@ export default { return this.localContact.properties.find(property => property.name === 'tel') }, phoneNumberList() { - return this.groupedProperties?.tel?.map(prop => prop.getFirstValue()) + return this.groupedProperties?.tel?.map(prop => prop.getFirstValue()).filter(tel => !!tel) }, emailAddressList() { - return this.groupedProperties?.email?.map(prop => prop.getFirstValue()) + return this.groupedProperties?.email?.map(prop => prop.getFirstValue()).filter(address => !!address) }, callUrl() { return generateUrl('/apps/spreed/?callUser={uid}', { uid: this.contact.uid }) @@ -994,15 +998,16 @@ section.contact-details { display: flex; flex: 1 0 auto; gap: 15px; - float: right; - margin-right: 100px; margin-top: 40px; - + margin-left: 204px; + padding-bottom: 30px; } @media only screen and (max-width: 600px) { .quick-actions { - float: left; + justify-content: center; + display: flex; margin-top: -44px; + margin-left: 0; } } #qrcode-modal { |