Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

modal: Remove modal_text_input class from password and url type inputs. 

We remove the modal_text_input class from password and url type inputs
in modals and add the width property CSS to modal_password_input and
modal_url_input instead.

Note that we might instead have a single class for all type of inputs
instead of having different classes for url, password and text type
inputs in further commits.
This commit is contained in:
Sahil Batra 2023-06-19 15:26:03 +05:30 committed by Tim Abbott
parent a860e717bb
commit 7d0da75430
4 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/styles/modal.css
View File

@ -365,6 +365,7 @@
box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%); box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;
margin-bottom: 10px; margin-bottom: 10px;
width: 206px;
&:focus { &:focus {
border-color: hsl(206deg 80% 62% / 80%); border-color: hsl(206deg 80% 62% / 80%);

4
web/templates/dialog_change_password.hbs
View File

@ -1,7 +1,7 @@
<form id="change_password_container"> <form id="change_password_container">
<div class="field password-div"> <div class="field password-div">
<label for="old_password" class="title">{{t "Old password" }}</label> <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_text_input modal_password_input" value="" /> <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> <i class="fa fa-eye-slash password_visibility_toggle tippy-zulip-tooltip" role="button"></i>
<div class="settings-forgot-password"> <div class="settings-forgot-password">
<a href="/accounts/password/reset/" class="sea-green" target="_blank" rel="noopener noreferrer">{{t "Forgot it?" }}</a> <a href="/accounts/password/reset/" class="sea-green" target="_blank" rel="noopener noreferrer">{{t "Forgot it?" }}</a>
@ -9,7 +9,7 @@
</div> </div>
<div class="field password-div"> <div class="field password-div">
<label for="new_password" class="title">{{t "New password" }}</label> <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_text_input modal_password_input" value="" <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}}" /> 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> <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="progress inline-block" id="pw_strength">

2
web/templates/settings/api_key_modal.hbs
View File

@ -14,7 +14,7 @@
<p>{{t "Please re-enter your password to confirm your identity." }}</p> <p>{{t "Please re-enter your password to confirm your identity." }}</p>
<div class="password-div"> <div class="password-div">
<label for="password">{{t "Your password" }}</label> <label for="password">{{t "Your password" }}</label>
<input type="password" autocomplete="off" name="password" id="get_api_key_password" class="modal_text_input modal_password_input" value="" /> <input type="password" autocomplete="off" name="password" id="get_api_key_password" class=" modal_password_input" value="" />
<i class="fa fa-eye-slash password_visibility_toggle tippy-zulip-tooltip" role="button"></i> <i class="fa fa-eye-slash password_visibility_toggle tippy-zulip-tooltip" role="button"></i>
</div> </div>
<p class="small"> <p class="small">

2
web/templates/settings/custom_user_profile_field.hbs
View File

@ -21,7 +21,7 @@
value="{{ field_value.value }}" /> value="{{ field_value.value }}" />
<span class="remove_date"><i class="fa fa-close"></i></span> <span class="remove_date"><i class="fa fa-close"></i></span>
{{else if is_url_field }} {{else if is_url_field }}
<input class="custom_user_field_value {{#if for_manage_user_modal}}modal_text_input modal_url_input{{else}}settings_text_input settings_url_input{{/if}}" type="{{ field_type }}" value="{{ field_value.value }}" maxlength="2048" /> <input class="custom_user_field_value {{#if for_manage_user_modal}}modal_url_input{{else}}settings_text_input settings_url_input{{/if}}" type="{{ field_type }}" value="{{ field_value.value }}" maxlength="2048" />
{{else if is_pronouns_field}} {{else if is_pronouns_field}}
<input class="custom_user_field_value pronouns_type_field {{#if for_manage_user_modal}}modal_text_input{{else}}settings_text_input{{/if}}" type="{{ field_type }}" value="{{ field_value.value }}" maxlength="50" /> <input class="custom_user_field_value pronouns_type_field {{#if for_manage_user_modal}}modal_text_input{{else}}settings_text_input{{/if}}" type="{{ field_type }}" value="{{ field_value.value }}" maxlength="50" />
{{else}} {{else}}