From 098f5b9d06a4c6a825bfe010ec8c18041a2f45c5 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Tue, 1 Jun 2021 09:29:37 +0200
Subject: [PATCH] Added icon to staff user role dropdown field

---
 ghost/admin/app/styles/patterns/forms.css | 18 ++++++++++++++++++
 ghost/admin/app/templates/staff/user.hbs  |  4 ++--
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/ghost/admin/app/styles/patterns/forms.css b/ghost/admin/app/styles/patterns/forms.css
index b37e70ceaa..93b0da1719 100644
--- a/ghost/admin/app/styles/patterns/forms.css
+++ b/ghost/admin/app/styles/patterns/forms.css
@@ -117,6 +117,24 @@ input {
 /* Input Icons
 /* ---------------------------------------------------------- */
 
+.gh-input svg {
+    position: absolute;
+    top: 50%;
+    right: 1.2rem;
+    left: inherit;
+    width: 12px;
+    height: 6px;
+    margin-top: -0.2em;
+    transform: inherit;
+    pointer-events: none;
+
+    speak: none;
+}
+
+.gh-input svg path {
+    stroke: var(--midlightgrey);
+}
+
 .gh-input-icon {
     position: relative;
     display: block;
diff --git a/ghost/admin/app/templates/staff/user.hbs b/ghost/admin/app/templates/staff/user.hbs
index a38824e7f9..a4d88c5c78 100644
--- a/ghost/admin/app/templates/staff/user.hbs
+++ b/ghost/admin/app/templates/staff/user.hbs
@@ -199,7 +199,7 @@
                         {{#if this.rolesDropdownIsVisible}}
                             <div class="form-group">
                                 <label for="user-role">Role</label>
-                                <div class="gh-input pointer" {{on "click" (action "toggleRoleSelectionModal")}}>{{this.user.role.name}}</div>
+                                <div class="gh-input pointer" {{on "click" (action "toggleRoleSelectionModal")}}>{{this.user.role.name}}{{svg-jar "arrow-down-small"}}</div>
                                 <p>What permissions should this user have?</p>
                             </div>
 
@@ -209,7 +209,7 @@
                                     @model={{readonly this.user.role}}
                                     @confirm={{action "changeRole"}}
                                     @close={{action "toggleRoleSelectionModal"}}
-                                    @modifier="change-role" />
+                                    @modifier="change-role"
                                 />
                             {{/if}}
                         {{/if}}