diff options
author | Greta <gretadoci@gmail.com> | 2023-08-03 17:38:28 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-08-03 17:38:28 +0200 |
commit | bec773a5d256500ce632bd1afb5e9edc94da55d6 (patch) | |
tree | 67360565d59a2b99ab692cee480e5e35e875067a | |
parent | d0c15947defd80660d461fd3f5ace22ffd536654 (diff) | |
parent | 9156db1faf769710459ce6bdae26527247783b62 (diff) |
Merge pull request #3532 from nextcloud/enhanc/quick-actions-design
Improve quick actions design
-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 { |