Little fixes (#472)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-12-01 21:45:45 +03:00 committed by GitHub
parent 8957138eb2
commit 44133ac6c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 13 additions and 17 deletions

View File

@ -183,6 +183,7 @@ p:last-child { margin-block-end: 0; }
.ml-1 { margin-left: .25rem; }
.ml-2 { margin-left: .5rem; }
.ml-3 { margin-left: .75rem; }
.ml-4 { margin-left: 1rem; }
.mr-1 { margin-right: .25rem; }
.mr-4 { margin-right: 1rem; }
.mr-8 { margin-right: 2rem; }

View File

@ -36,7 +36,7 @@
{#if value.attachments && value.attachments > 0}
<Tooltip label={'Attachments (' + value.attachments + ')'} component={AttachmentPopup} props={{ objectId: value._id }}>
<div class="sm-tool-icon">
<span class="icon"><IconAttachment size="small"/></span>{value.attachments}
<span class="icon"><IconAttachment size="small"/></span>&nbsp;{value.attachments}
</div>
</Tooltip>
{/if}

View File

@ -31,13 +31,13 @@
<Avatar size={'medium'} />
</div>
<div class="flex-col">
<div class="flex-row-top justify-between mb-1">
<div class="header">
<div class="fs-title">
{#await getUser(client, value.modifiedBy) then user}
{#if user}{formatName(user.name)}{/if}
{/await}
</div>
<div class="content-trans-color"><TimeSince value={value.modifiedOn} /></div>
<div class="content-trans-color ml-4"><TimeSince value={value.modifiedOn} /></div>
</div>
<div class="content-color">
<MessageViewer message={value.message}/>
@ -51,15 +51,10 @@
min-width: 2.25rem;
}
// .message {
// display: flex;
// flex-direction: column;
// width: 100%;
// .text {
// line-height: 150%;
// max-width: 20rem;
// :global(p) { margin: 0; }
// }
// }
.header {
display: inline-flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: .25rem;
}
</style>

View File

@ -26,7 +26,7 @@
{#if value.comments && value.comments > 0}
<Tooltip label={chunter.string.Comments} component={CommentPopup} props={{ objectId: value._id }}>
<div class="sm-tool-icon">
<span class="icon"><IconThread size="small"/></span>{value.comments}
<span class="icon"><IconThread size="small"/></span>&nbsp;{value.comments}
</div>
</Tooltip>
{/if}

View File

@ -26,8 +26,8 @@
{#if value.applications && value.applications > 0}
<Tooltip label={'Applications'} component={ApplicationsPopup} props={{ value }}>
<div class="flex-row-center">
<IconFile size={'small'} />&nbsp;{value.applications}
<div class="sm-tool-icon">
<span class="icon"><IconFile size={'small'} /></span>&nbsp;{value.applications}
</div>
</Tooltip>
{/if}