Fix board list milestone overlap issue

app/views/shared/boards/components/_board.html.haml

@@ -22,7 +22,7 @@
           %span.board-title-main-text.block-truncated{ "v-if": "list.type !== \"label\"",
             ":title" => '((list.label && list.label.description) || list.title || "")',
             data: { container: "body" },
-            ":class": "{ 'has-tooltip': !['backlog', 'closed'].includes(list.type) }" }
+            ":class": "{ 'has-tooltip': !['backlog', 'closed'].includes(list.type), 'd-block': list.type === 'milestone' }" }
             {{ list.title }}
 
           %span.board-title-sub-text.prepend-left-5.has-tooltip{ "v-if": "list.type === \"assignee\"",

changelogs/unreleased/197309-milestone-in-issue-boards-list-not-cropped-when-longer-than-board-.yml

+---
+title: Allow long milestone titles on board lists to be truncated
+merge_request:
+author:
+type: fixed

ee/app/assets/stylesheets/pages/boards.scss

@@ -60,14 +60,14 @@
   }
 }
 
-.board-type-assignee {
-  .board-title-text {
-    margin-right: $gl-padding-8;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
+.board-title-text {
+  margin-right: $gl-padding-8;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
+.board-type-assignee {
   .board-title-sub-text {
     color: $gl-text-color-secondary;
     font-weight: normal;