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-1 { margin-left: .25rem; }
.ml-2 { margin-left: .5rem; } .ml-2 { margin-left: .5rem; }
.ml-3 { margin-left: .75rem; } .ml-3 { margin-left: .75rem; }
.ml-4 { margin-left: 1rem; }
.mr-1 { margin-right: .25rem; } .mr-1 { margin-right: .25rem; }
.mr-4 { margin-right: 1rem; } .mr-4 { margin-right: 1rem; }
.mr-8 { margin-right: 2rem; } .mr-8 { margin-right: 2rem; }

View File

@ -36,7 +36,7 @@
{#if value.attachments && value.attachments > 0} {#if value.attachments && value.attachments > 0}
<Tooltip label={'Attachments (' + value.attachments + ')'} component={AttachmentPopup} props={{ objectId: value._id }}> <Tooltip label={'Attachments (' + value.attachments + ')'} component={AttachmentPopup} props={{ objectId: value._id }}>
<div class="sm-tool-icon"> <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> </div>
</Tooltip> </Tooltip>
{/if} {/if}

View File

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

View File

@ -26,7 +26,7 @@
{#if value.comments && value.comments > 0} {#if value.comments && value.comments > 0}
<Tooltip label={chunter.string.Comments} component={CommentPopup} props={{ objectId: value._id }}> <Tooltip label={chunter.string.Comments} component={CommentPopup} props={{ objectId: value._id }}>
<div class="sm-tool-icon"> <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> </div>
</Tooltip> </Tooltip>
{/if} {/if}

View File

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