Support Article
Input textbox borders distorted on zooming in on login screen
SA-76018
Summary
On zooming in or out on the Pega login screen and entering the username and password, the username and password input textbox borders are distorted.
Error Messages
Not Applicable
Steps to Reproduce
In the Pega login screen, zoom in or zoom out in the browser.
Root Cause
An issue in the custom application code or rules.
Login page styles were not responsive. Hence, the username and password input textboxes overlapped with the parent DIV and the border was hidden due to the overlapping.
Resolution
Perform the following local-change:
- Modify the below rule that is used for the Pega login screen.
py-login-screen.css file
- Add the below styles at the bottom of the file.
.field{
padding: 2px !important;
}
- Save the py-login-screen.css file for the Guest users RuleSet.
Published April 4, 2019 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.