Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues 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> </header>
<a class="close" href="" role="button" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a> <a class="close" href="" role="button" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a>
<div class="modal-body"> <div class="modal-body gh-modal-reset-passwords">
<p> <p>You're about to end all active staff user sessions and trigger a password reset for everyone (including yourself). Are you sure?</p>
You're about to end all active staff user sessions and trigger a password reset for everyone (including yourself). Are you sure? <div class="flex mt2 mb2">
</p> <div class="for-checkbox">
<p style="display:flex; column-gap: 0.8em;"> <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> <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>
<div style="flex:1"> </div>
<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"> <div class="modal-footer">

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

@ -241,3 +241,27 @@
margin: 0; margin: 0;
width: 100%; 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;
}