wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-26 10:20:01 +00:00
Code Issues Actions 3 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 { display: flex; }
.flex-grow { flex-grow: 1; } .flex-grow { flex-grow: 1; }
.flex-no-shrink { flex-shrink: 0; }
.flex-nowrap { .flex-nowrap {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
@ -164,6 +165,12 @@ table {
right: 0; right: 0;
} }
.vScroll {
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
}
.h-full { height: 100%; } .h-full { height: 100%; }
.square-36 { width: 2.25rem; height: 2.25rem; } .square-36 { width: 2.25rem; height: 2.25rem; }

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

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