add show password buttons to all password inputs

This commit is contained in:
2026-04-08 10:17:01 -04:00
parent b94bc612c3
commit 9389df28e4
2 changed files with 45 additions and 24 deletions

View File

@@ -28,9 +28,16 @@
<div>
<label class="input_label">Password</label><br />
<input type="password" name="password" placeholder="" required />
<div class="password_box">
<input type="password" name="password" placeholder="" required />
<button type="button" class="show_password_toggle closed"></button>
</div>
</div>
<button type="submit">Login</button>
</form>
<script src="/static/error/error.js" type="text/javascript"></script>
<script
src="/static/javascript/show_password.js"
type="text/javascript"
></script>

View File

@@ -11,9 +11,9 @@
<link rel="stylesheet" href="static/profile_page.css" />
<link rel="stylesheet" href="static/progress_bar.css" />
<div id="popup_background" class="blocked"></div>
<div id="popup_background" class="blocked hidden"></div>
<div id="change_password_dialogue" class="card static_center">
<div id="change_password_dialogue" class="card static_center hidden">
<div class="dialouge_title">Change Password</div>
<button id="close_password_dialogue">X</button>
@@ -36,35 +36,44 @@
<div>
<label class="input_label">Current password</label><br />
<input
type="password"
id="current_password"
name="current_password"
placeholder=""
required
/>
<div class="password_box">
<input
type="password"
id="current_password"
name="current_password"
placeholder=""
required
/>
<button type="button" class="show_password_toggle closed"></button>
</div>
</div>
<div>
<label class="input_label">New password</label><br />
<input
type="password"
id="new_password"
name="new_password"
placeholder=""
required
/>
<div class="password_box">
<input
type="password"
id="new_password"
name="new_password"
placeholder=""
required
/>
<button type="button" class="show_password_toggle closed"></button>
</div>
</div>
<div>
<label class="input_label">New password (repeat)</label><br />
<input
type="password"
id="new_password_repeat"
name="new_password_repeat"
placeholder=""
required
/>
<div class="password_box">
<input
type="password"
id="new_password_repeat"
name="new_password_repeat"
placeholder=""
required
/>
<button type="button" class="show_password_toggle closed"></button>
</div>
</div>
<div>
@@ -216,3 +225,8 @@
src="/static/javascript/handle_password_change.js"
type="text/javascript"
></script>
<script
src="/static/javascript/show_password.js"
type="text/javascript"
></script>