TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 09:03:12 +03:00
Code Issues Projects Releases Wiki Activity

styled reset passwords modal

Browse Source
This commit is contained in:
Sanne de Vries 2021-06-28 11:16:06 +02:00 committed by Thibaut Patel
parent da9990db27
commit c1d3d8e4f2
2 changed files with 36 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
ghost/admin/app/components/modal-reset-all-passwords.hbs
View File

@ -3,23 +3,20 @@
</header>
<a class="close" href="" role="button" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a>
<div class="modal-body">
<p>
You're about to end all active staff user sessions and trigger a password reset for everyone (including yourself). Are you sure?
</p>
<p style="display:flex; column-gap: 0.8em;">
<div class="modal-body gh-modal-reset-passwords">
<p>You're about to end all active staff user sessions and trigger a password reset for everyone (including yourself). Are you sure?</p>
<div class="flex mt2 mb2">
<div class="for-checkbox">
<label class="checkbox">
<input type="checkbox" checked={{this.isChecked}} {{on "click" (action "toggleCheckbox")}} class="gh-input" name="checkbox" data-test-checkbox="reset-all-passwords">
<span class="input-toggle-component"></span>
</label>
</div>
<div>
<input type="checkbox" checked={{this.isChecked}} {{on "click" (action "toggleCheckbox")}} name="checkbox" data-test-checkbox="reset-all-passwords">
<h4>Yes, end sessions and reset passwords for all users.</h4>
<p class="description">Upon submission, you will be logged out. Please check your email to reset your password.</p>
</div>
<div style="flex:1">
<div style="margin-bottom: 0.4em">
<b>Yes, end sessions and reset passwords for all users.</b>
</div>
<div>
Upon submission, you will be logged out. Please check your email to reset your password.
</div>
</div>
</p>
</div>
</div>
<div class="modal-footer">

24
ghost/admin/app/styles/layouts/users.css
View File

@ -241,3 +241,27 @@
margin: 0;
width: 100%;
}
/* Reset all passwords modal
/* ---------------------------------------------------------- */
.gh-modal-reset-passwords .for-checkbox .input-toggle-component {
background: var(--white);
}
.gh-modal-reset-passwords h4 {
font-size: 1.4rem;
font-weight: 600;
line-height: 1.4em;
margin-bottom: .4rem;
}
.gh-modal-reset-passwords p {
margin: 0 0 2em;
}
.gh-modal-reset-passwords .description {
color: var(--midgrey);
font-weight: 300;
font-size: 1.4rem;
}