From 815664e06f8044e9338b987863b5a2ba6c682142 Mon Sep 17 00:00:00 2001
From: Kristina <kristin.fefelova@gmail.com>
Date: Thu, 8 Feb 2024 19:29:19 +0400
Subject: [PATCH] UBERF-4867: fix issues mentions display (#4580)

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
---
 .../src/components/BacklinkContent.svelte     |  4 +-
 .../components/issues/IssuePresenter.svelte   | 57 ++++++++++++-------
 2 files changed, 40 insertions(+), 21 deletions(-)

diff --git a/plugins/chunter-resources/src/components/BacklinkContent.svelte b/plugins/chunter-resources/src/components/BacklinkContent.svelte
index 70027765b1..10d1431202 100644
--- a/plugins/chunter-resources/src/components/BacklinkContent.svelte
+++ b/plugins/chunter-resources/src/components/BacklinkContent.svelte
@@ -39,7 +39,7 @@
 
 <style lang="scss">
   .root {
-    display: flex;
-    flex-direction: column;
+    display: inline-block;
+    color: var(--global-primary-TextColor);
   }
 </style>
diff --git a/plugins/tracker-resources/src/components/issues/IssuePresenter.svelte b/plugins/tracker-resources/src/components/issues/IssuePresenter.svelte
index 98fdcfa960..28a0188419 100644
--- a/plugins/tracker-resources/src/components/issues/IssuePresenter.svelte
+++ b/plugins/tracker-resources/src/components/issues/IssuePresenter.svelte
@@ -40,7 +40,28 @@
   $: taskType = value !== undefined ? $taskTypeStore.get(value.kind) : undefined
 </script>
 
-{#if value}
+{#if inline && value}
+  <DocNavLink
+    object={value}
+    {onClick}
+    {disabled}
+    {noUnderline}
+    {inline}
+    component={tracker.component.EditIssue}
+    shrink={0}
+  >
+    {#if inline}
+      <span class="antiMention" use:tooltip={{ label: tracker.string.Issue }}>@{value.identifier}</span>
+    {/if}
+  </DocNavLink>
+  {#if presenters.length > 0}
+    <div class="flex-row-center">
+      {#each presenters as mixinPresenter}
+        <Component is={mixinPresenter.presenter} props={{ value }} />
+      {/each}
+    </div>
+  {/if}
+{:else if value}
   <div class="flex-row-center">
     <DocNavLink
       object={value}
@@ -51,25 +72,21 @@
       component={tracker.component.EditIssue}
       shrink={0}
     >
-      {#if inline}
-        <span class="antiMention" use:tooltip={{ label: tracker.string.Issue }}>@{value.identifier}</span>
-      {:else}
-        <span class="issuePresenterRoot" class:list={kind === 'list'} class:cursor-pointer={!disabled}>
-          {#if shouldShowAvatar}
-            <div class="icon" use:tooltip={{ label: tracker.string.Issue }}>
-              {#if taskType !== undefined}
-                <TaskTypeIcon value={taskType} />
-              {:else}
-                <Icon icon={icon ?? tracker.icon.Issues} size={'small'} />
-              {/if}
-            </div>
-          {/if}
-          <span class="overflow-label" class:select-text={!noSelect} title={value?.title}>
-            {value.identifier}
-            <slot name="details" />
-          </span>
+      <span class="issuePresenterRoot" class:list={kind === 'list'} class:cursor-pointer={!disabled}>
+        {#if shouldShowAvatar}
+          <div class="icon" use:tooltip={{ label: tracker.string.Issue }}>
+            {#if taskType !== undefined}
+              <TaskTypeIcon value={taskType} />
+            {:else}
+              <Icon icon={icon ?? tracker.icon.Issues} size={'small'} />
+            {/if}
+          </div>
+        {/if}
+        <span class="overflow-label" class:select-text={!noSelect} title={value?.title}>
+          {value.identifier}
+          <slot name="details" />
         </span>
-      {/if}
+      </span>
     </DocNavLink>
     {#if presenters.length > 0}
       <div class="flex-row-center">
@@ -90,9 +107,11 @@
     &:not(.list) {
       color: var(--theme-content-color);
     }
+
     &.list {
       color: var(--theme-halfcontent-color);
     }
+
     .icon {
       margin-right: 0.5rem;
       color: var(--theme-dark-color);