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:
Artyom Savchenko
2026-02-12 11:12:00 +07:00
committed by GitHub
parent 93c2b4b694
commit cebcf1ab1f
5 changed files with 27 additions and 8 deletions
@@ -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'}