diff --git a/ghost/admin/app/styles/layouts/mentions.css b/ghost/admin/app/styles/layouts/mentions.css index 01ae0ff5c5..6163bf980f 100644 --- a/ghost/admin/app/styles/layouts/mentions.css +++ b/ghost/admin/app/styles/layouts/mentions.css @@ -41,6 +41,7 @@ line-height: 1.2; margin-bottom: 14px; white-space: nowrap; + position: relative; } .gh-mention-icon { @@ -53,6 +54,9 @@ .gh-mention-publisher { color: var(--middarkgrey); font-weight: 500; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .gh-mention-link-icon { @@ -89,6 +93,16 @@ margin-bottom: 0; } +.gh-mention-multiple-links-link { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.gh-mention-header .popover-arrow { + display: none; +} + .gh-mention-header .popover { border: none; /* border: 1px solid var(--whitegrey-l1); */ @@ -151,10 +165,10 @@ } .gh-mention-author { + white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 240px; - white-space: nowrap; display: block; line-height: 1.65em; font-weight: 400; diff --git a/ghost/admin/app/templates/mentions.hbs b/ghost/admin/app/templates/mentions.hbs index 788ede0d70..05ef92c761 100644 --- a/ghost/admin/app/templates/mentions.hbs +++ b/ghost/admin/app/templates/mentions.hbs @@ -56,10 +56,10 @@