fix truncated date & input color

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
This commit is contained in:
Kristina Fefelova 2025-05-21 16:29:03 +04:00
parent 02f584811f
commit ce833c0e4a
No known key found for this signature in database
GPG Key ID: 750D35EF042F0690
4 changed files with 17 additions and 10 deletions

View File

@ -228,13 +228,13 @@
.text-input { .text-input {
display: flex; display: flex;
padding: 0.75rem; padding: 0.75rem;
padding-top: 0.5rem;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
gap: 0.375rem; gap: 0.25rem;
align-self: stretch; align-self: stretch;
border-radius: 0.75rem; border-radius: 0.75rem;
border: 1px solid var(--next-message-input-color-stroke); border: 1px solid var(--theme-refinput-divider);
background: var(--next-message-input-color-background);
overflow: hidden; overflow: hidden;
} }

View File

@ -44,11 +44,13 @@
{#if compact} {#if compact}
<div class="message__body"> <div class="message__body">
<div class="time-container">
<div class="message__time message--time_hoverable"> <div class="message__time message--time_hoverable">
<div class="message__date"> <div class="message__date">
{formatDate(message.created)} {formatDate(message.created)}
</div> </div>
</div> </div>
</div>
<div class="message__content"> <div class="message__content">
{#if !isEditing && message.content !== ''} {#if !isEditing && message.content !== ''}
@ -125,7 +127,8 @@
gap: 1rem; gap: 1rem;
align-self: stretch; align-self: stretch;
min-width: 0; min-width: 0;
overflow: hidden; position: relative;
//overflow: hidden;
} }
.message__avatar { .message__avatar {
@ -185,13 +188,19 @@
flex: 1; flex: 1;
} }
.message__time { .time-container {
display: flex; position: relative;
width: 2.5rem; width: 2.5rem;
}
.message__time {
position: absolute;
display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 1.313rem; height: 1.313rem;
right: 0;
visibility: hidden; visibility: hidden;
} }
</style> </style>

View File

@ -294,7 +294,7 @@
> >
<div slot="header" class="header"> <div slot="header" class="header">
{#if files.length > 0} {#if files.length > 0}
<div class="flex-row-center files-list scroll-divider-color flex-gap-2"> <div class="flex-row-center files-list scroll-divider-color flex-gap-2 mt-2">
{#each files as file (file.blobId)} {#each files as file (file.blobId)}
<div class="item flex"> <div class="item flex">
<AttachmentPresenter <AttachmentPresenter
@ -337,7 +337,6 @@
} }
.files-list { .files-list {
padding: 0.5rem;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;

View File

@ -23,12 +23,11 @@
getClient getClient
} from '@hcengineering/presentation' } from '@hcengineering/presentation'
import { Label, NotificationContext, NotificationType } from '@hcengineering/communication-types' import { Label, NotificationContext, NotificationType } from '@hcengineering/communication-types'
import ui, { Button, ModernButton } from '@hcengineering/ui' import ui, { ModernButton } from '@hcengineering/ui'
import type { CardsNavigatorConfig } from '../../types' import type { CardsNavigatorConfig } from '../../types'
import cardPlugin from '../../plugin' import cardPlugin from '../../plugin'
import NavigatorType from './NavigatorType.svelte' import NavigatorType from './NavigatorType.svelte'
import { getEmbeddedLabel } from '@hcengineering/platform'
import NavigatorCard from './NavigatorCard.svelte' import NavigatorCard from './NavigatorCard.svelte'
export let type: MasterTag export let type: MasterTag