mirror of
https://github.com/hcengineering/platform.git
synced 2024-12-23 11:31:57 +03:00
Fixed todos in Planner (#4584)
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
parent
5e4040c2b3
commit
18043e1c91
@ -509,6 +509,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
gap: var(--spacing-1);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: var(--spacing-1) var(--spacing-1_5) var(--spacing-1) var(--spacing-0_75);
|
padding: var(--spacing-1) var(--spacing-1_5) var(--spacing-1) var(--spacing-0_75);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -520,7 +521,7 @@
|
|||||||
outline: none;
|
outline: none;
|
||||||
|
|
||||||
&.small {
|
&.small {
|
||||||
max-height: var(--global-medium-Size);
|
max-height: var(--global-max-Size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hulyToDoLine-dragbox,
|
.hulyToDoLine-dragbox,
|
||||||
|
@ -25,6 +25,7 @@
|
|||||||
export let icon: Asset | AnySvelteComponent | ComponentType | undefined = undefined
|
export let icon: Asset | AnySvelteComponent | ComponentType | undefined = undefined
|
||||||
export let iconProps: any | undefined = undefined
|
export let iconProps: any | undefined = undefined
|
||||||
export let size: 'small' | 'medium' | 'large'
|
export let size: 'small' | 'medium' | 'large'
|
||||||
|
export let kind: 'default' | 'second' = 'default'
|
||||||
export let nested: boolean = false
|
export let nested: boolean = false
|
||||||
export let isOpen: boolean = false
|
export let isOpen: boolean = false
|
||||||
export let selected: boolean = false
|
export let selected: boolean = false
|
||||||
@ -35,9 +36,9 @@
|
|||||||
export let background: string | undefined = undefined
|
export let background: string | undefined = undefined
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="hulyAccordionItem-container default" class:nested>
|
<div class="hulyAccordionItem-container {kind}" class:nested>
|
||||||
<button
|
<button
|
||||||
class="hulyAccordionItem-header default {size}"
|
class="hulyAccordionItem-header {kind} {size}"
|
||||||
class:bottomSpace
|
class:bottomSpace
|
||||||
class:nested
|
class:nested
|
||||||
class:isOpen
|
class:isOpen
|
||||||
|
@ -80,6 +80,7 @@
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.todoLabel-container {
|
.todoLabel-container {
|
||||||
padding: var(--spacing-0_25) var(--spacing-0_5);
|
padding: var(--spacing-0_25) var(--spacing-0_5);
|
||||||
|
color: var(--global-on-accent-TextColor);
|
||||||
border-radius: var(--extra-small-BorderRadius);
|
border-radius: var(--extra-small-BorderRadius);
|
||||||
}
|
}
|
||||||
.listitems-container {
|
.listitems-container {
|
||||||
|
@ -45,7 +45,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
{:else if kind === 'todo'}
|
{:else if kind === 'todo'}
|
||||||
<div class="todoLabel-container font-medium-12 overflow-label max-w-40" style:background-color={colors[0].color}>
|
<div class="todoLabel-container font-medium-12 max-w-40" style:background-color={colors[0].color}>
|
||||||
<Label label={plugin.string.NumberLabels} params={{ count: items.length }} />
|
<Label label={plugin.string.NumberLabels} params={{ count: items.length }} />
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
@ -54,6 +54,7 @@
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.todoLabel-container {
|
.todoLabel-container {
|
||||||
padding: var(--spacing-0_25) var(--spacing-0_5);
|
padding: var(--spacing-0_25) var(--spacing-0_5);
|
||||||
|
color: var(--global-on-accent-TextColor);
|
||||||
border-radius: var(--extra-small-BorderRadius);
|
border-radius: var(--extra-small-BorderRadius);
|
||||||
}
|
}
|
||||||
.listitems-container {
|
.listitems-container {
|
||||||
|
Loading…
Reference in New Issue
Block a user