wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-06-06 15:57:05 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Layout PersonPresenter (#168)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-09-09 10:35:17 +03:00 committed by GitHub
parent 1f7f1b05cf
commit 4d142b9021
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
plugins/contact-resources/src/components/PersonPresenter.svelte
View File

@ -17,7 +17,7 @@
<script lang="ts"> <script lang="ts">
import { getResource } from '@anticrm/platform' import { getResource } from '@anticrm/platform'
import type { Person } from '@anticrm/contact' import type { Person } from '@anticrm/contact'
import { UserInfo, getClient } from '@anticrm/presentation' import { Avatar, getClient } from '@anticrm/presentation'
import { showPopup } from '@anticrm/ui' import { showPopup } from '@anticrm/ui'
import view from '@anticrm/view' import view from '@anticrm/view'
@ -34,5 +34,24 @@ async function onClick() {
</script> </script>
<UserInfo size={'x-small'} {value} on:click={onClick}/> <div class="flex-row-center user-container" on:click={onClick}>
<Avatar size={'x-small'} />
<div class="overflow-label user">{value.firstName + ' ' + value.lastName}</div>
</div>
<style lang="scss">
.user-container {
cursor: pointer;
.user {
margin-left: .5rem;
font-weight: 500;
text-align: left;
color: var(--theme-content-accent-color);
}
&:hover .user {
text-decoration: underline;
color: var(--theme-caption-color);
}
}
</style>