hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-27 11:06:50 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix activity view

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-11-22 12:59:04 +03:00
parent fdd0290697
commit 4d7956e29f
1 changed files with 11 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
plugins/activity-resources/src/components/TxView.svelte
View File

@ -78,7 +78,7 @@
</script>
{#if displayTx && (viewlet !== undefined || model.length > 0)}
<div class="flex-col msg-container">
<div class="flex-col msgactivity-container">
<div class="flex-between">
<div class="flex-center icon">
<div class="scale-75">
@ -89,7 +89,7 @@
{/if}
</div>
</div>
<div class="flex flex-grow label">
<div class="flex-grow label">
<b>
{#if employee}
{formatName(employee.name)}
@ -102,12 +102,8 @@
{/if}
{#if viewlet === undefined && model.length > 0 && utx}
{#each model as m}
<div class='change'>
changed {m.label} to
<div class='value'>
<svelte:component this={m.presenter} value={getValue(utx, m.key)}/>
</div>
</div>
<strong><svelte:component this={m.presenter} value={getValue(utx, m.key)}/></strong>
{/each}
{:else if viewlet && viewlet.display === 'inline' && viewlet.component}
<Component is={viewlet.component} props={{ tx: displayTx }} />
@ -123,18 +119,7 @@
</div>
{/if}
<style lang="scss">
.change {
display: inline-flex;
align-items: center;
gap: 10px;
.value {
gap: 10px;
display: flex;
align-items: center;
font-weight: 500;
}
}
.msg-container {
.msgactivity-container {
position: relative;
&::after {
content: '';
@ -146,7 +131,7 @@
background-color: var(--theme-card-divider);
}
}
:global(.msg-container + .msg-container::before) {
:global(.msgactivity-container + .msgactivity-container::before) {
content: '';
position: absolute;
top: -1.5rem;
@ -177,11 +162,12 @@
}
.label {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 0 1rem;
b { color: var(--theme-caption-color); }
strong {
font-weight: 500;
color: var(--theme-content-accent-color);
}
}
</style>