Added icon to staff user role dropdown field

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

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;

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