wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-15 12:55:59 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Remove paddings from card-container (#1386)

Browse Source 
Signed-off-by: Anna No <anna.no@xored.com>
This commit is contained in:
Anna No 2022-04-13 13:44:56 +07:00 committed by GitHub
parent 595fbf487a
commit ca91425d6f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 152 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/kanban/src/components/Kanban.svelte
View File

@ -246,11 +246,7 @@
height: 100%;
}
.card-container {
display: flex;
flex-direction: column;
padding: .5rem 1rem;
background-color: var(--board-card-bg-color);
border: 1px solid var(--board-card-bg-color);
border-radius: .25rem;
user-select: none;
@ -261,9 +257,7 @@
cursor: grab;
}
&.dragged {
padding: 1rem;
background-color: var(--board-bg-color);
border: unset;
}
}
</style>

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

@ -321,9 +321,16 @@ p:last-child { margin-block-end: 0; }
.mx-3 { margin: 0 .75rem; }
.my-4 { margin: 1rem 0; }
.pl-2 { padding-left: .5rem; }
.pl-4 { padding-left: 1rem; }
.pr-1 { padding-right: .25rem; }
.pr-2 { padding-right: .5rem; }
.pr-4 { padding-right: 1rem; }
.pr-24 { padding-right: 6rem; }
.pt-2 { padding-top: .5rem; }
.pt-4 { padding-top: 1rem; }
.pb-2 { padding-bottom: .5rem; }
.pb-4 { padding-bottom: 1rem; }
.p-2 { padding: .5rem; }
.p-3 { padding: .75rem; }

10
plugins/board-resources/src/components/KanbanCard.svelte
View File

@ -35,6 +35,7 @@
}
</script>
<div class="flex-col pt-2 pb-2 pr-4 pl-4">
<div class="flex-between mb-4">
<div class="flex-col">
<div class="fs-title cursor-pointer" on:click={showLead}>{object.title}</div>
@ -56,10 +57,15 @@
<div class="flex-between">
<div class="flex-row-center">
{#if (object.attachments ?? 0) > 0}
<div class="step-lr75"><AttachmentsPresenter value={object} /></div>
<div class="step-lr75">
<AttachmentsPresenter value={object} />
</div>
{/if}
{#if (object.comments ?? 0) > 0}
<div class="step-lr75"><CommentsPresenter value={object} /></div>
<div class="step-lr75">
<CommentsPresenter value={object} />
</div>
{/if}
</div>
</div>
</div>

10
plugins/lead-resources/src/components/KanbanCard.svelte
View File

@ -37,6 +37,7 @@
}
</script>
<div class="flex-col pt-2 pb-2 pr-4 pl-4">
<div class="flex-between mb-4">
<div class="flex-col">
<div class="fs-title cursor-pointer" on:click={showLead}>{object.title}</div>
@ -61,10 +62,15 @@
{/if}
<div class="flex-row-center">
{#if (object.attachments ?? 0) > 0}
<div class="step-lr75"><AttachmentsPresenter value={object} /></div>
<div class="step-lr75">
<AttachmentsPresenter value={object} />
</div>
{/if}
{#if (object.comments ?? 0) > 0}
<div class="step-lr75"><CommentsPresenter value={object} /></div>
<div class="step-lr75">
<CommentsPresenter value={object} />
</div>
{/if}
</div>
</div>
</div>

14
plugins/recruit-resources/src/components/KanbanCard.svelte
View File

@ -36,6 +36,7 @@
$: doneTasks = todoItems.filter((it) => it.done)
</script>
<div class="flex-col pt-2 pb-2 pr-4 pl-4">
<div class="flex-between mb-3">
<div class="flex-row-center">
<Avatar avatar={object.$lookup?.attachedTo?.avatar} size={'medium'} />
@ -61,18 +62,21 @@
<ApplicationPresenter value={object} />
{#if todoItems.length > 0}
<Tooltip label={task.string.TodoItems} component={task.component.TodoItemsPopup} props={{ value: object }}>
<div class="ml-2">
( {doneTasks?.length}/ {todoItems.length} )
</div>
<div class="ml-2">( {doneTasks?.length}/ {todoItems.length} )</div>
</Tooltip>
{/if}
</div>
{#if (object.attachments ?? 0) > 0}
<div class="step-lr75"><AttachmentsPresenter value={object} /></div>
<div class="step-lr75">
<AttachmentsPresenter value={object} />
</div>
{/if}
{#if (object.comments ?? 0) > 0}
<div class="step-lr75"><CommentsPresenter value={object} /></div>
<div class="step-lr75">
<CommentsPresenter value={object} />
</div>
{/if}
</div>
<Avatar avatar={object.$lookup?.assignee?.avatar} size={'x-small'} />
</div>
</div>

14
plugins/task-resources/src/components/KanbanCard.svelte
View File

@ -34,14 +34,13 @@
$: doneTasks = todoItems.filter((it) => it.done)
</script>
<div class="flex-col pt-2 pb-2 pr-4 pl-4">
<div class="flex-between mb-2">
<div class="flex">
<TaskPresenter value={object} />
{#if todoItems.length > 0}
<Tooltip label={task.string.TodoItems} component={task.component.TodoItemsPopup} props={{ value: object }}>
<div class="ml-2">
( {doneTasks?.length}/ {todoItems.length} )
</div>
<div class="ml-2">( {doneTasks?.length}/ {todoItems.length} )</div>
</Tooltip>
{/if}
</div>
@ -64,11 +63,16 @@
<div class="flex-between">
<div class="flex-row-center">
{#if (object.attachments ?? 0) > 0}
<div class="step-lr75"><AttachmentsPresenter value={object} /></div>
<div class="step-lr75">
<AttachmentsPresenter value={object} />
</div>
{/if}
{#if (object.comments ?? 0) > 0}
<div class="step-lr75"><CommentsPresenter value={object} /></div>
<div class="step-lr75">
<CommentsPresenter value={object} />
</div>
{/if}
</div>
<Avatar avatar={object.$lookup?.assignee?.avatar} size={'x-small'} />
</div>
</div>

2
plugins/tracker-resources/src/components/issues/Board.svelte
View File

@ -107,7 +107,7 @@
</svelte:fragment>
<svelte:fragment slot="card" let:object>
{@const issue = toIssue(object)}
<div class="flex-row h-18">
<div class="flex-row h-18 pt-2 pb-2 pr-4 pl-4">
<div class="flex-between mb-2">
<IssuePresenter value={object} {currentTeam} />
{#if issue.$lookup?.assignee}