mirror of
https://github.com/zulip/zulip.git
synced 2025-10-23 04:52:12 +00:00
d375921eb4
We used bootstrap "fade" class to show the password strength only after password_quality module is imported. Adding "fade" class was only hiding the bar by setting opacity and the transition defined in bootstrap was not used as it was overridden by transition in progress_bar.css. So, we just hide and show the bootstrap by using "hide" class and remove the use of "fade" as part of the bootstrap removal project.
20 lines
1.2 KiB
Handlebars
20 lines
1.2 KiB
Handlebars
<form id="change_password_container">
|
|
<div class="field password-div">
|
|
<label for="old_password" class="title">{{t "Old password" }}</label>
|
|
<input type="password" autocomplete="off" name="old_password" id="old_password" class="w-200 inline-block modal_password_input" value="" />
|
|
<i class="fa fa-eye-slash password_visibility_toggle tippy-zulip-tooltip" role="button"></i>
|
|
<div class="settings-forgot-password">
|
|
<a href="/accounts/password/reset/" class="sea-green" target="_blank" rel="noopener noreferrer">{{t "Forgot it?" }}</a>
|
|
</div>
|
|
</div>
|
|
<div class="field password-div">
|
|
<label for="new_password" class="title">{{t "New password" }}</label>
|
|
<input type="password" autocomplete="new-password" name="new_password" id="new_password" class="w-200 inline-block modal_password_input" value=""
|
|
data-min-length="{{password_min_length}}" data-min-guesses="{{password_min_guesses}}" />
|
|
<i class="fa fa-eye-slash password_visibility_toggle tippy-zulip-tooltip" role="button"></i>
|
|
<div class="progress inline-block" id="pw_strength">
|
|
<div class="bar bar-danger hide" style="width: 10%;"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|