diff options
| author | Richard Steinmetz <richard@steinmetz.cloud> | 2023-05-04 11:00:45 +0200 |
|---|---|---|
| committer | Richard Steinmetz <richard@steinmetz.cloud> | 2023-05-04 12:39:37 +0200 |
| commit | 8ef7e854a5f47dc4312e46c1f6446f74a2050866 (patch) | |
| tree | 28f2a030c1552455051fe8de5c8b546c8c9e3aa5 | |
| parent | 3e4f87b828429bdcbda12787236a5b64c013ae14 (diff) | |
fix(contacts): remove obsolete warning and fix header alignment
Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
| -rw-r--r-- | src/components/ContactDetails.vue | 9 | ||||
| -rw-r--r-- | src/components/DetailsHeader.vue | 5 |
2 files changed, 4 insertions, 10 deletions
diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue index 97a2fcec..69c97b8e 100644 --- a/src/components/ContactDetails.vue +++ b/src/components/ContactDetails.vue @@ -296,7 +296,6 @@ import CakeIcon from 'vue-material-design-icons/Cake.vue' import IconCopy from 'vue-material-design-icons/ContentCopy.vue' import PencilIcon from 'vue-material-design-icons/Pencil.vue' import CheckIcon from 'vue-material-design-icons/Check.vue' -import AlertCircleIcon from 'vue-material-design-icons/AlertCircle.vue' import EyeCircleIcon from 'vue-material-design-icons/EyeCircle.vue' import rfcProps from '../models/rfcProps.js' @@ -403,13 +402,7 @@ export default { * @return {object | boolean} */ warning() { - if (!this.contact.dav) { - return { - icon: AlertCircleIcon, - classes: ['header-icon--pulse'], - msg: t('contacts', 'This contact is not yet synced. Edit it to save it to the server.'), - } - } else if (this.addressbookIsReadOnly) { + if (this.addressbookIsReadOnly) { return { icon: EyeCircleIcon, classes: [], diff --git a/src/components/DetailsHeader.vue b/src/components/DetailsHeader.vue index 762372b9..31788e19 100644 --- a/src/components/DetailsHeader.vue +++ b/src/components/DetailsHeader.vue @@ -106,8 +106,8 @@ $top-padding: 50px; // Account for nonexistent actions menu width: calc($contact-details-value-max-width + $contact-details-row-gap + 44px) !important; } - &__actions { - justify-content: space-between; + &__actions .header-menu { + margin-left: auto; } } @@ -162,6 +162,7 @@ $top-padding: 50px; &__actions { display: flex; flex: 1 0 auto; + gap: 5px; } } </style> |