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

New card (#88)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-08-30 13:56:20 +03:00 committed by GitHub
parent da9a0f2e84
commit ba851b85ba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui/src/components/Dialog.svelte
View File

@ -33,10 +33,10 @@
<div class="dialog-container"> <div class="dialog-container">
<form class="dialog" on:submit|preventDefault={() => { okAction(); dispatch('close') }}> <form class="dialog" on:submit|preventDefault={() => { okAction(); dispatch('close') }}>
<div class="flex-between header"> <!-- <div class="flex-between header">
<div class="title"><Label {label} /></div> <div class="title"><Label {label} /></div>
<div class="tool" on:click={() => { dispatch('close') }}><Close size={'small'} /></div> <div class="tool" on:click={() => { dispatch('close') }}><Close size={'small'} /></div>
</div> </div> -->
<div class="content"> <div class="content">
<ScrollBox vertical stretch><slot /></ScrollBox> <ScrollBox vertical stretch><slot /></ScrollBox>
</div> </div>
@ -60,9 +60,10 @@
.dialog { .dialog {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 100px;
width: 45rem; width: 45rem;
min-height: 100vh; min-height: calc(100vh - 100px);
max-height: 100vh; max-height: calc(100vh - 100px);
background-color: var(--theme-bg-color); background-color: var(--theme-bg-color);
border-radius: 1.875rem 0 0 1.875rem; border-radius: 1.875rem 0 0 1.875rem;
box-shadow: 0px 3.125rem 7.5rem rgba(0, 0, 0, .4); box-shadow: 0px 3.125rem 7.5rem rgba(0, 0, 0, .4);

3
packages/ui/src/components/Popup.svelte
View File

@ -48,7 +48,8 @@
} }
if (rect.left > document.body.clientWidth - rect.right) { if (rect.left > document.body.clientWidth - rect.right) {
// style += 'left' // style += 'left'
modalHTML.style.right = document.body.clientWidth - rect.right + 'px' // modalHTML.style.right = document.body.clientWidth - rect.right + 'px'
modalHTML.style.right = '0px'
} else { } else {
// style += 'right' // style += 'right'
modalHTML.style.left = rect.left + 'px' modalHTML.style.left = rect.left + 'px'