From 7bc7881088e3b01401e891d850b2cfe55856fc24 Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Thu, 2 Mar 2023 20:06:46 +0000
Subject: [PATCH] Added a temporary fix for wrapping multiple mentions dropdown

refs https://github.com/TryGhost/Team/issues/2606
---
 ghost/admin/app/styles/layouts/mentions.css | 2 +-
 ghost/admin/app/templates/mentions.hbs      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/mentions.css b/ghost/admin/app/styles/layouts/mentions.css
index 69f807f11a..9ee371cd9f 100644
--- a/ghost/admin/app/styles/layouts/mentions.css
+++ b/ghost/admin/app/styles/layouts/mentions.css
@@ -96,6 +96,7 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
+    max-width: 240px;
 }
 
 .gh-mention-header .popover-arrow  {
@@ -210,7 +211,6 @@
 }
 
 .gh-mentions-list-cta h4 {
-    color: var(--black);
     text-align: center;
     font-weight: 600;
     margin-bottom: 8px;
diff --git a/ghost/admin/app/templates/mentions.hbs b/ghost/admin/app/templates/mentions.hbs
index 05ef92c761..f34ee45ee4 100644
--- a/ghost/admin/app/templates/mentions.hbs
+++ b/ghost/admin/app/templates/mentions.hbs
@@ -56,7 +56,7 @@
                                     </div>
                                     <div>
                                         <span class="gh-mention-your-link has-multiple-links">{{mention.mentions.length}} links</span>
-                                        <EmberPopover @tooltipClass="popover" @spacing={{8}} @arrowClass="popover-arrow" @side="bottom-start">
+                                        <EmberPopover @tooltipClass="popover" @spacing={{8}} @arrowClass="popover-arrow" @side="bottom">
                                             <ul class="gh-mention-multiple-links">
                                                 {{#each mention.mentions as |submention|}}
                                                     <li class="gh-mention-multiple-links-link">{{if submention.resource submention.resource.name submention.target}}</li>