From b0b01acd0382f5b9d985a6bef900810ade4f1b10 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Fri, 21 Feb 2020 10:20:08 +0100
Subject: [PATCH] Updated style definition for staff dropdowns

no refs.
- updated style for staff dropdown to make it generic for reuse
---
 ghost/admin/app/styles/components/dropdowns.css | 6 ++++++
 ghost/admin/app/templates/staff/user.hbs        | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/ghost/admin/app/styles/components/dropdowns.css b/ghost/admin/app/styles/components/dropdowns.css
index ce91a8b6e4..24bb1b83dd 100644
--- a/ghost/admin/app/styles/components/dropdowns.css
+++ b/ghost/admin/app/styles/components/dropdowns.css
@@ -77,6 +77,12 @@
     fill: color-mod(var(--darkgrey) lightness(+20%));
 }
 
+.dropdown-align-right {
+    top: calc(100% + 6px);
+    right: 10px;
+    left: auto;
+}
+
 @media (max-width: 500px) {
     .dropdown-menu li > a,
     .dropdown-menu li > button {
diff --git a/ghost/admin/app/templates/staff/user.hbs b/ghost/admin/app/templates/staff/user.hbs
index 9f45144af5..d0af1ae49a 100644
--- a/ghost/admin/app/templates/staff/user.hbs
+++ b/ghost/admin/app/templates/staff/user.hbs
@@ -26,7 +26,7 @@
                             <span class="hidden">User Settings</span>
                         </span>
                     </GhDropdownButton>
-                    <GhDropdown @name="user-actions-menu" @tagName="ul" @classNames="user-actions-menu dropdown-menu dropdown-triangle-top-right">
+                    <GhDropdown @name="user-actions-menu" @tagName="ul" @classNames="user-actions-menu dropdown-menu dropdown-align-right">
                         {{#if this.canMakeOwner}}
                             <li>
                                 <button {{action "toggleTransferOwnerModal"}}>