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

Fix scrolling in EditStatuses (#253)

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

7
packages/theme/styles/_layouts.scss
View File

@ -92,6 +92,7 @@ table {
.flex { display: flex; }
.flex-grow { flex-grow: 1; }
.flex-no-shrink { flex-shrink: 0; }
.flex-nowrap {
display: flex;
flex-wrap: nowrap;
@ -164,6 +165,12 @@ table {
right: 0;
}
.vScroll {
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
}
.h-full { height: 100%; }
.square-36 { width: 2.25rem; height: 2.25rem; }

22
plugins/workbench-resources/src/components/EditStatuses.svelte
View File

@ -114,12 +114,12 @@
</div>
<div class="tool" on:click={() => dispatch('close')}><Close size={'small'} /></div>
</div>
<div class="content">
<ScrollBox vertical stretch>
<div class="flex-between states-header">
<Label label={'ACTIVE STATUSES'} />
<div on:click={addStatus}><CircleButton icon={IconAdd} size={'medium'} /></div>
</div>
<div class="flex-grow flex-col content">
<div class="flex-no-shrink flex-between states-header">
<Label label={'ACTIVE STATUSES'} />
<div on:click={addStatus}><CircleButton icon={IconAdd} size={'medium'} /></div>
</div>
<div class="vScroll"><div class="h-full">
{#each states as state, i}
{#if state}
<div bind:this={elements[i]} class="flex-between states" draggable={true}
@ -148,7 +148,7 @@
</div>
{/if}
{/each}
</ScrollBox>
</div></div>
</div>
</div>
@ -184,13 +184,7 @@
cursor: pointer;
}
}
.content {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 1rem 2.5rem;
}
.content { margin: 1rem 2.5rem 1rem 2.5rem; }
}
.states {