From 4934df94e243f2e2aabd09bbb01b6576e067654a Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Mon, 23 Jan 2023 18:48:17 +0100
Subject: [PATCH] UX: add ellipsis for assign modal (#433)

* UX: add ellipsis for assign modal

* UX: remove suggestions label
---
 .../components/assignee-chooser-row.hbs         | 10 ----------
 assets/stylesheets/assigns.scss                 | 17 +++++++++++++++++
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/assets/javascripts/discourse/templates/components/assignee-chooser-row.hbs b/assets/javascripts/discourse/templates/components/assignee-chooser-row.hbs
index cd57b55..9737299 100644
--- a/assets/javascripts/discourse/templates/components/assignee-chooser-row.hbs
+++ b/assets/javascripts/discourse/templates/components/assignee-chooser-row.hbs
@@ -20,14 +20,4 @@
 {{else}}
   {{d-icon "envelope"}}
   <span class="identifier">{{this.item.id}}</span>
-{{/if}}
-{{#if
-  (and
-    (or (eq this.selectKit.filter null) (eq this.selectKit.filter.length 0))
-    (eq this.index 0)
-  )
-}}
-  <span class="suggestions-label">
-    {{i18n "discourse_assign.assign_modal.suggestions"}}
-  </span>
 {{/if}}
\ No newline at end of file
diff --git a/assets/stylesheets/assigns.scss b/assets/stylesheets/assigns.scss
index 38ac338..0b4a3d4 100644
--- a/assets/stylesheets/assigns.scss
+++ b/assets/stylesheets/assigns.scss
@@ -83,6 +83,19 @@
   .email-group-user-chooser {
     width: 100%;
 
+    .select-kit-header {
+      outline: 0 !important;
+    }
+    .select-kit-body {
+      position: absolute !important;
+      transform: none !important;
+      max-width: 100%;
+    }
+
+    &-filter.is-expanded {
+      border: 1px solid var(--tertiary);
+    }
+
     .caret-icon {
       color: var(--primary-medium);
     }
@@ -102,6 +115,10 @@
     }
 
     .user-status-message {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: var(--primary-medium);
       font-size: var(--font-down-2);
       margin-left: 0.5em;