wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-14 12:25:17 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Layout for SocialEditor (#128)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-09-02 20:41:42 +03:00 committed by GitHub
parent a12e478e49
commit 45689aeb0f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
plugins/recruit-resources/src/components/SocialEditor.svelte
View File

@ -17,7 +17,7 @@
<script lang="ts"> <script lang="ts">
import type { Ref } from '@anticrm/core' import type { Ref } from '@anticrm/core'
import { createEventDispatcher } from 'svelte' import { createEventDispatcher } from 'svelte'
import { EditBox, Button } from '@anticrm/ui' import { EditBox, Button, ScrollBox } from '@anticrm/ui'
import { getClient } from '@anticrm/presentation' import { getClient } from '@anticrm/presentation'
import contact, { ChannelProvider, Channel } from '@anticrm/contact' import contact, { ChannelProvider, Channel } from '@anticrm/contact'
@ -56,27 +56,32 @@
</script> </script>
<div class="popup"> <div class="popup">
<div class="popup-block"> <ScrollBox vertical stretch>
<span>Contact Links</span> <div class="popup-block">
{#each providers as provider, i} <span>Contact Links</span>
<EditBox label={provider.label} placeholder={provider.placeholder} bind:value={newValues[i].value} maxWidth={'14.5rem'}/> {#each providers as provider, i}
{/each} <EditBox label={provider.label} placeholder={provider.placeholder} bind:value={newValues[i].value} maxWidth={'14.5rem'}/>
{/each}
</div>
<!-- <div class="popup-block">
<span>SOCIAL LINKS</span>
<EditBox label={'Twitter'} placeholder={'@rosychen'} maxWidth={'12.5rem'} />
<EditBox label={'Facebook'} placeholder={'facebook/rosamundch'} maxWidth={'12.5rem'} />
</div> -->
</ScrollBox>
<div class="buttons">
<div class="btn"><Button label="Apply" width={'100%'} on:click={() => { dispatch('close', filterUndefined(newValues)) }}/></div>
</div> </div>
<!-- <div class="popup-block">
<span>SOCIAL LINKS</span>
<EditBox label={'Twitter'} placeholder={'@rosychen'} maxWidth={'12.5rem'} />
<EditBox label={'Facebook'} placeholder={'facebook/rosamundch'} maxWidth={'12.5rem'} />
</div> -->
<Button label="Apply" on:click={() => { dispatch('close', filterUndefined(newValues)) }}/>
</div> </div>
<style lang="scss"> <style lang="scss">
.popup { .popup {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 1.5rem 1.25rem; padding: 1.5rem 1.25rem 1.25rem;
width: 17rem; width: 17rem;
max-width: 17rem; max-width: 17rem;
height: 22rem;
color: var(--theme-caption-color); color: var(--theme-caption-color);
background-color: var(--theme-button-bg-hovered); background-color: var(--theme-button-bg-hovered);
border: 1px solid var(--theme-button-border-enabled); border: 1px solid var(--theme-button-border-enabled);
@ -96,7 +101,12 @@
} }
} }
} }
.popup-block + .popup-block { .popup-block + .popup-block { margin-top: 2rem; }
margin-top: 2rem; .buttons {
display: flex;
align-items: center;
margin-top: 1rem;
.btn { flex-grow: 1; }
.btn + .btn { margin-left: .75rem; }
} }
</style> </style>