SuiteCRM/SuiteCRM-Core
2
0
Fork 0
mirror of https://github.com/SuiteCRM/SuiteCRM-Core.git synced 2025-09-02 08:09:19 +08:00
Code Issues Projects Packages Activity Actions

Fix #433 - [Legacy] Update change password styling

Browse source
This commit is contained in:
Jack Anderson 2024-02-22 14:54:05 +00:00
parent 31522dc6ea
commit 3171088e31
4 changed files with 23 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/legacy/jssource/src_files/modules/Users/PasswordRequirementBox.js
View file

@ -48,7 +48,7 @@ function password_confirmation() {
confirm_pwd.style.borderColor='';
if (confirm_pwd.value != (new_pwd.substring(0,confirm_pwd.value.length)))
document.getElementById('comfirm_pwd_match').style.display = 'inline';
document.getElementById('comfirm_pwd_match').style.display = 'flex';
else
document.getElementById('comfirm_pwd_match').style.display = 'none';

12
public/legacy/modules/Users/Changenewpassword.tpl
View file

@ -156,14 +156,20 @@ form
<tr>
<td scope="row">{$MOD.LBL_NEW_PASSWORD2}:</td>
<td width="30%">
<input type="password" size="26" tabindex="2" id="confirm_pwd" name="confirm_pwd" value="" onkeyup="password_confirmation();" /> <div id="comfirm_pwd_match" class="error" style="display: none;">{$MOD.LBL_PASSWORD_MIS_MATCH}</div></td>
<input type="password" size="26" tabindex="2" id="confirm_pwd" name="confirm_pwd" value="" onkeyup="password_confirmation();" /></td>
</tr>
<tr>
<td scope="row" class="d-xs-none"></td>
<td width="30%">
<div id="comfirm_pwd_match" class="error" style="display: none;">{$MOD.LBL_PASSWORD_MIS_MATCH}</div>
</td>
</tr>
<tr>
<td>{$CAPTCHA}</td>
</tr>
<tr>
<td>&nbsp;</td>
<td style="padding-top: 1em;" class='login-btn'>
<td scope="row" class="d-xs-none"></td>
<td class='login-btn' style="padding-top:0.5em">
{$SUBMIT_BUTTON}
</td>
</tr>

2
public/legacy/modules/Users/PasswordRequirementBox.js
View file

@ -38,7 +38,7 @@
*/function password_confirmation(){var new_pwd=document.getElementById('new_password').value;var old_pwd=document.getElementById('old_password').value;var confirm_pwd=document.getElementById('confirm_pwd');if(confirm_pwd.value!=new_pwd)
confirm_pwd.style.borderColor='red';else
confirm_pwd.style.borderColor='';if(confirm_pwd.value!=(new_pwd.substring(0,confirm_pwd.value.length)))
document.getElementById('comfirm_pwd_match').style.display='inline';else
document.getElementById('comfirm_pwd_match').style.display='flex';else
document.getElementById('comfirm_pwd_match').style.display='none';if(new_pwd!=""||confirm_pwd.value!=""||old_pwd!=""||(document.getElementById('page')&&document.getElementById('page').value=="Change"))
document.getElementById('password_change').value='true';else
document.getElementById('password_change').value='false';}

13
public/legacy/themes/suite8/css/suitep-base/forgot-password.scss
View file

@ -1,8 +1,15 @@
#ChangePasswordForm {
min-height: 100vh;
min-height: 70vh;
display: flex;
margin-top: 10vh;
table.view {
background: $transparent-color;
#comfirm_pwd_match {
background: transparent;
color: $required-color;
}
}
input[type=text],input[type=password],input[type=email],input[type=number]{
background-color: $white;
@ -20,11 +27,15 @@
font-size: 14px;
@media (max-width: 750px) {
width: 100%;
&.d-xs-none{
display: none;
}
}
}
@media (max-width: 750px) {
.edit tr {
border-bottom: none;
padding: 0;
}
}