Position of the background image on login page

Summary

The main issues with the login page right now is that when you upload a custom image for the background and the size is different the placement of that image is not good or towards the right side. It is not a very big issues just a small change or suggestion which may work better

Area of the system

Login Page

How does this currently work?

Right now it just use the background-size: cover; (inside app/frontend/templates/public/login.html under the ".auth.auth-bg-1") to place the image which does not work well in the cases when the image size is different.

What is the desired way of working?

Just add one more line after the background-size: cover; (inside app/frontend/templates/public/login.html under the ".auth.auth-bg-1" and make it like

.auth.auth-bg-1 {
    background: url(../../static/assets/images/auth/custom/furB.jpg), url(../../static/assets/images/auth/login-1.jpg);
    background-size: cover;
    background-position: center;

and it will work completly fine for all the image sizes and position of the images again this is not a big update just a small suggestion which i think should be implemented because if was trying to use a image which was of different size and the placement was not as i wanted it to be it.

Priority/Severity

  • High (This will bring a huge increase in performance/productivity/usability)
  • Medium (This will bring a good increase in performance/productivity/usability)
  • Low (anything else e.g., trivial, minor improvements)
Edited by Andrew