fixup! feat: add recipient info on the right side of the composer

Signed-off-by: greta <[email protected]>
nextcloud · Nov 22, 2024 · 827f796 · 827f796
1 parent b413f34
commit 827f796
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/src/components/MailboxThread.vue b/src/components/MailboxThread.vue
@@ -249,7 +249,7 @@ export default {
 				.length > 0
 		},
 		importantMessagesInitialPageSize() {
-			if (window.innerHeight > 900) {
+			if (window.innerHeight > 1024) {
 				return 7
 			}
 			if (window.innerHeight > 750) {

diff --git a/src/components/NewMessageModal.vue b/src/components/NewMessageModal.vue
@@ -184,7 +184,7 @@ export default {
 			cookedComposerData: undefined,
 			changed: false,
 			largerModal: false,
-			isLargeScreen: window.innerWidth >= 1200,
+			isLargeScreen: window.innerWidth >= 1024,
 			isMaximized: false,
 			recipient: {
 				name: '',
@@ -250,7 +250,7 @@ export default {
 	},
 	methods: {
 		checkScreenSize() {
-			this.isLargeScreen = window.innerWidth >= 1200
+			this.isLargeScreen = window.innerWidth >= 1024
 		},
 		async openModalSize() {
 			try {
@@ -639,7 +639,7 @@ export default {
 	overflow-y: auto;
 	padding-left: 5px;
 	border-left: 1px solid #ccc;
-	@media (max-width: 1200px) {
+	@media (max-width: 1024px) {
 		display: none;
 	}
 }

diff --git a/src/components/RecipientInfo.vue b/src/components/RecipientInfo.vue
@@ -8,11 +8,10 @@
 						:display-name="recipients[0].displayName"
 						:email="recipients[0].email"
 						:size="64"
-						:disable-tooltip="true"
-						:url="recipients[0].photoUrl" />
+						:disable-tooltip="true" />
 				</div>
 				<div class="recipient-details">
-					<h6>{{ recipients[0].displayName }}</h6>
+					<h6>{{ recipient[0].email }}</h6>
 					<DisplayContactDetails :email="recipient[0].email" />
 				</div>
 			</div>
@@ -28,6 +27,9 @@
 						:size="64"
 						:disable-tooltip="true"
 						:disable-menu="true" />
+					<div v-if="!expandedRecipients[index]" class="recipient-name">
+						<h6>{{ recipient.email }}</h6>
+					</div>
 					<div class="expand-toggle" @click="toggleExpand(index)">
 						<IconArrowUp v-if="isExpanded(index)" :size="16" />
 						<IconArrowDown v-else :size="16" />