From 739fb531b5e5f1c9ad42e53c5d2590890e10e7e5 Mon Sep 17 00:00:00 2001 From: greta Date: Mon, 20 Jul 2026 14:24:40 +0200 Subject: [PATCH 1/2] feat: adapt the styling for the recipient info for the new floating editor Signed-off-by: greta --- src/views/ReadOnlyContactDetails.vue | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/src/views/ReadOnlyContactDetails.vue b/src/views/ReadOnlyContactDetails.vue index f2ce2efeb..afa6b5a34 100644 --- a/src/views/ReadOnlyContactDetails.vue +++ b/src/views/ReadOnlyContactDetails.vue @@ -306,8 +306,23 @@ export default { } .contact-title { - margin-inline-start: 100px; - margin-top: 40px; + margin-block-start: calc(var(--default-grid-baseline) * 2); + text-align: start; + + h6 { + font-size: calc(var(--default-font-size) * 0.9); + font-weight: normal; + color: var(--color-text-maxcontrast); + margin: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + span { + font-size: calc(var(--default-font-size) * 0.85); + color: var(--color-text-maxcontrast); + } } :deep(.property__value) { From e07378cfc0bea5aa087c114d60a11fb3a26779e2 Mon Sep 17 00:00:00 2001 From: greta Date: Tue, 21 Jul 2026 18:17:20 +0200 Subject: [PATCH 2/2] fixup! feat: adapt the styling for the recipient info for the new floating editor Signed-off-by: greta --- src/views/ReadOnlyContactDetails.vue | 22 ++++++---------------- 1 file changed, 6 insertions(+), 16 deletions(-) diff --git a/src/views/ReadOnlyContactDetails.vue b/src/views/ReadOnlyContactDetails.vue index afa6b5a34..b6dcb9d76 100644 --- a/src/views/ReadOnlyContactDetails.vue +++ b/src/views/ReadOnlyContactDetails.vue @@ -307,22 +307,12 @@ export default { .contact-title { margin-block-start: calc(var(--default-grid-baseline) * 2); - text-align: start; - - h6 { - font-size: calc(var(--default-font-size) * 0.9); - font-weight: normal; - color: var(--color-text-maxcontrast); - margin: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - span { - font-size: calc(var(--default-font-size) * 0.85); - color: var(--color-text-maxcontrast); - } + text-align: center; + color: var(--color-text-maxcontrast); +} + +.contact-details-wrapper { + color: var(--color-text-maxcontrast); } :deep(.property__value) {