mirror of
https://github.com/hcengineering/platform.git
synced 2026-10-01 14:05:05 +02:00
Fix issues layout (#10498)
* Fix collapsed issue title Signed-off-by: Artem Savchenko <armisav@gmail.com> * Fix issues layout Signed-off-by: Artem Savchenko <armisav@gmail.com> --------- Signed-off-by: Artem Savchenko <armisav@gmail.com>
This commit is contained in:
@@ -35,6 +35,7 @@
|
||||
export let shape: ButtonShape = undefined
|
||||
export let justify: 'left' | 'center' = 'left'
|
||||
export let width: string | undefined = '100%'
|
||||
export let maxWidth: string | undefined = undefined
|
||||
// export let onlyIcon: boolean = false
|
||||
export let isAction: boolean = false
|
||||
export let groupBy: string | undefined = undefined
|
||||
@@ -109,7 +110,7 @@
|
||||
|
||||
{#if kind === 'list'}
|
||||
{#if !Array.isArray(value) && value.component}
|
||||
<div bind:this={element} class={compression ? 'label-wrapper' : 'clear-mins'}>
|
||||
<div bind:this={element} class={compression ? 'label-wrapper' : 'clear-mins'} style:max-width={maxWidth}>
|
||||
<ComponentSelector
|
||||
{kind}
|
||||
{size}
|
||||
@@ -135,6 +136,7 @@
|
||||
class="flex flex-wrap clear-mins"
|
||||
class:minus-margin={kind === 'list-header'}
|
||||
class:label-wrapper={compression}
|
||||
style:max-width={maxWidth}
|
||||
style:flex-direction={twoRows ? 'column' : 'row'}
|
||||
>
|
||||
{#if (!Array.isArray(value) && value.component && value.component !== $activeComponent && groupBy !== 'component') || shouldShowPlaceholder}
|
||||
|
||||
@@ -22,10 +22,12 @@
|
||||
export let value: WithLookup<Issue>
|
||||
export let shouldUseMargin: boolean = false
|
||||
export let showParent: boolean = true
|
||||
export let grow: boolean = false
|
||||
export let kind: 'list' | undefined = undefined
|
||||
export let onClick: (() => void) | undefined = undefined
|
||||
export let disabled: boolean = false
|
||||
export let maxWidth: string | undefined = undefined
|
||||
export let minWidth: string | undefined = '1rem'
|
||||
</script>
|
||||
|
||||
{#if value}
|
||||
@@ -34,6 +36,8 @@
|
||||
class:with-margin={shouldUseMargin}
|
||||
class:list={kind === 'list'}
|
||||
style:max-width={maxWidth}
|
||||
style:min-width={minWidth}
|
||||
class:flex-grow={grow}
|
||||
title={value.title}
|
||||
>
|
||||
<DocNavLink object={value} {onClick} component={tracker.component.EditIssue} shrink={1} {disabled} colorInherit>
|
||||
@@ -52,7 +56,11 @@
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-shrink: 1;
|
||||
min-width: 1rem;
|
||||
|
||||
&.flex-grow {
|
||||
flex-shrink: 0.5;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.with-margin {
|
||||
|
||||
@@ -41,6 +41,7 @@
|
||||
export let shape: ButtonShape = undefined
|
||||
export let justify: 'left' | 'center' = 'left'
|
||||
export let width: string | undefined = '100%'
|
||||
export let maxWidth: string | undefined = undefined
|
||||
export let onlyIcon: boolean = false
|
||||
export let isAction: boolean = false
|
||||
|
||||
@@ -93,7 +94,7 @@
|
||||
|
||||
{#if kind === 'list'}
|
||||
{#if !Array.isArray(value) && value.milestone}
|
||||
<div bind:this={element} class={compression ? 'label-wrapper' : 'clear-mins'}>
|
||||
<div bind:this={element} class={compression ? 'label-wrapper' : 'clear-mins'} style:max-width={maxWidth}>
|
||||
<MilestoneSelector
|
||||
{kind}
|
||||
{size}
|
||||
@@ -117,6 +118,7 @@
|
||||
<div
|
||||
bind:this={element}
|
||||
class="flex flex-wrap clear-mins"
|
||||
style:max-width={maxWidth}
|
||||
class:minus-margin={kind === 'list-header'}
|
||||
class:label-wrapper={compression}
|
||||
style:flex-direction={twoRows ? 'column' : 'row'}
|
||||
|
||||
Reference in New Issue
Block a user