diff options
author | Christoph Wurst <ChristophWurst@users.noreply.github.com> | 2022-06-14 14:55:55 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-06-14 14:55:55 +0300 |
commit | 704881e694a788e1c24776f09c801b25f8fa8837 (patch) | |
tree | 8c33a48c00752df3679d074f35a5393ced421d8c | |
parent | d6167e000f896e385db256f26ab4f3d6525bd3ba (diff) | |
parent | a1fd9c3ae5a53870fd5d899f4a1e2f413d7a3718 (diff) |
Merge pull request #6689 from nextcloud/fix/receipient-center
Change sender position to be centered with the avatar and timestamps
-rw-r--r-- | src/components/ThreadEnvelope.vue | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/src/components/ThreadEnvelope.vue b/src/components/ThreadEnvelope.vue index 7bbe08311..c10ae0cd1 100644 --- a/src/components/ThreadEnvelope.vue +++ b/src/components/ThreadEnvelope.vue @@ -51,7 +51,8 @@ class="left" :class="{seen: envelope.flags.seen}" @click.native.prevent="$emit('toggleExpand', $event)"> - <div class="sender"> + <div class="sender" + :class="{ 'centered-sender': centeredSender }"> {{ envelope.from && envelope.from[0] ? envelope.from[0].label : '' }} </div> <div v-if="hasChangedSubject" class="subject"> @@ -198,6 +199,9 @@ export default { cleanSubject() { return this.envelope.subject.replace(/((?:[\t ]*(?:R|RE|F|FW|FWD):[\t ]*)*)/i, '') }, + centeredSender() { + return (!this.hasChangedSubject || this.cleanSubject.length === 0) && this.tags.length === 0 + }, }, watch: { expanded(expanded) { @@ -298,6 +302,9 @@ export default { .sender { margin-left: 8px; } + .centered-sender { + margin-top: 8px; + } .right { display: flex; @@ -442,4 +449,5 @@ export default { .envelope--header.list-item-style { border-radius: 16px; } + </style> |