From de5de3d2ceaafd29bc50aa62abb9918b32b4d7d7 Mon Sep 17 00:00:00 2001
From: Niels Kaspers <153818647+nielskaspers@users.noreply.github.com>
Date: Thu, 19 Mar 2026 06:10:36 +0200
Subject: [PATCH] fix(tracker): truncate long milestone titles on issue cards
 (#10646)

* fix(tracker): truncate long milestone titles on issue cards (#9655)

Signed-off-by: Niels Kaspers <kaspersniels@gmail.com>

* style: fix formatting in MilestoneEditor.svelte

Break long div attributes onto separate lines per prettier config.

---------

Signed-off-by: Niels Kaspers <kaspersniels@gmail.com>
---
 .../src/components/milestones/MilestoneEditor.svelte     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/plugins/tracker-resources/src/components/milestones/MilestoneEditor.svelte b/plugins/tracker-resources/src/components/milestones/MilestoneEditor.svelte
index 84ba5103a6..56ef524359 100644
--- a/plugins/tracker-resources/src/components/milestones/MilestoneEditor.svelte
+++ b/plugins/tracker-resources/src/components/milestones/MilestoneEditor.svelte
@@ -117,14 +117,19 @@
 {:else}
   <div
     bind:this={element}
-    class="flex flex-wrap clear-mins"
+    class="flex flex-wrap clear-mins overflow-hidden"
     style:max-width={maxWidth}
     class:minus-margin={kind === 'list-header'}
     class:label-wrapper={compression}
     style:flex-direction={twoRows ? 'column' : 'row'}
   >
     {#if (!Array.isArray(value) && value.milestone && value.milestone !== $activeMilestone && groupBy !== 'milestone') || shouldShowPlaceholder}
-      <div class="flex-row-center" class:minus-margin-vSpace={kind === 'list-header'} class:compression style:width>
+      <div
+        class="flex-row-center clear-mins"
+        class:minus-margin-vSpace={kind === 'list-header'}
+        class:compression
+        style:width
+      >
         <MilestoneSelector
           {kind}
           {size}