From 54c3f2de1684345d4f5bad7c7cc35ed2c340f8b4 Mon Sep 17 00:00:00 2001
From: Denis Bykhov <bykhov.denis@gmail.com>
Date: Thu, 6 Apr 2023 10:51:45 +0600
Subject: [PATCH] TSK-1057 Fit gmail message header (#2902)

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>
---
 .../gmail-resources/src/components/FullMessage.svelte | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/plugins/gmail-resources/src/components/FullMessage.svelte b/plugins/gmail-resources/src/components/FullMessage.svelte
index 7191810b1f..11ce7d84bd 100644
--- a/plugins/gmail-resources/src/components/FullMessage.svelte
+++ b/plugins/gmail-resources/src/components/FullMessage.svelte
@@ -17,12 +17,13 @@
   import { SharedMessage } from '@hcengineering/gmail'
   import Button from '@hcengineering/ui/src/components/Button.svelte'
   import { createEventDispatcher } from 'svelte'
-  import { IconArrowLeft, Label, Scroller } from '@hcengineering/ui'
+  import { IconArrowLeft, Label, Scroller, tooltip } from '@hcengineering/ui'
   import gmail from '../plugin'
   import FullMessageContent from './FullMessageContent.svelte'
   import { createQuery } from '@hcengineering/presentation'
   import attachment, { Attachment } from '@hcengineering/attachment'
   import { AttachmentPresenter } from '@hcengineering/attachment-resources'
+  import { getEmbeddedLabel } from '@hcengineering/platform'
 
   export let currentMessage: SharedMessage
   export let newMessage: boolean
@@ -50,7 +51,7 @@
 
 <div class="popupPanel-body__main-header bottom-divider">
   <div class="flex-between p-2">
-    <div class="buttons-group">
+    <div class="flex-row-center clear-mins">
       <Button
         icon={IconArrowLeft}
         kind={'transparent'}
@@ -58,8 +59,10 @@
           dispatch('close')
         }}
       />
-      <div class="flex-grow flex-col">
-        <span>{currentMessage.subject}</span>
+      <div class="flex-grow flex-col clear-mins ml-2 mr-2">
+        <div class="overflow-label" use:tooltip={{ label: getEmbeddedLabel(currentMessage.subject) }}>
+          {currentMessage.subject}
+        </div>
         <span class="content-accent-color">
           <Label label={currentMessage.incoming ? gmail.string.From : gmail.string.To} />
           <b>{title}</b>