TSK-1057 Fit gmail message header (#2902)

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>
This commit is contained in:
Denis Bykhov 2023-04-06 10:51:45 +06:00 committed by GitHub
parent 1388a8933e
commit 54c3f2de16
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

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