From 7d42d1473ec67861580d2f0bb94ff0e804f8ce09 Mon Sep 17 00:00:00 2001
From: Sodbileg Gansukh <sodbileg.gansukh@gmail.com>
Date: Wed, 17 Apr 2024 13:02:21 +0800
Subject: [PATCH] Improved long label handling (#20029)

ref DES-205

- label name is now used as the title on label pills instead of static
text
- label names will now be truncated when it takes more than 2 lines
instead of 1
---
 ghost/admin/app/components/gh-member-label-input.hbs     | 2 +-
 ghost/admin/app/components/gh-token-input/label-token.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ghost/admin/app/components/gh-member-label-input.hbs b/ghost/admin/app/components/gh-member-label-input.hbs
index fed32b7503..b75832dff4 100644
--- a/ghost/admin/app/components/gh-member-label-input.hbs
+++ b/ghost/admin/app/components/gh-member-label-input.hbs
@@ -19,7 +19,7 @@
     <div style="display: flex; width: 100%;">
         <span
             class="dropdown-label"
-            style="flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"
+            style="display: -webkit-box; flex-grow: 1; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;"
             title="{{label.name}}"
             data-test-label-filter={{label.name}}>
             {{label.name}}
diff --git a/ghost/admin/app/components/gh-token-input/label-token.js b/ghost/admin/app/components/gh-token-input/label-token.js
index 7f1a3b04f6..d82786d068 100644
--- a/ghost/admin/app/components/gh-token-input/label-token.js
+++ b/ghost/admin/app/components/gh-token-input/label-token.js
@@ -6,5 +6,5 @@ import {attributeBindings, classNames} from '@ember-decorators/component';
 @attributeBindings('title')
 @classNames('label-token')
 export default class LabelToken extends DraggableObject {
-    title = 'Label';
+    title = this.name ?? 'Label';
 }