TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

Added icon to staff user role dropdown field

Browse Source
This commit is contained in:
Sanne de Vries 2021-06-01 09:29:37 +02:00
parent b8ec55a380
commit 098f5b9d06
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ghost/admin/app/styles/patterns/forms.css
View File

@ -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;

4
ghost/admin/app/templates/staff/user.hbs
View File

@ -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}}