Problem/Motivation

The login page doesn't look good. We need to enhance the design so that it appears more appealing.
One way to do this is by aligning the input fields to the left and placing both the input fields and the button on the same line, with appropriate spacing between them.

Example

CommentFileSizeAuthor
#7 Screenshot 2024-01-04 185903.png28.63 KBnitin shrivastava
#4 login-page.png18.72 KBsourabhjain
Screenshot 2024-01-03 150829.png31.82 KBnitin shrivastava

Issue fork danland-3412026

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

Nitin shrivastava created an issue. See original summary.

sourabhjain’s picture

sourabhjain
Primary language English
commented
Assigned: Unassigned » sourabhjain

Let me work on this.

sourabhjain opened merge request !5

sourabhjain’s picture

sourabhjain
Primary language English
commented
Assigned: sourabhjain » Unassigned
Status: Needs work » Needs review
StatusFileSize
new login-page.png18.72 KB

I have fixed the issue and attaching the screenshot after updating the css.

nitin shrivastava’s picture

nitin shrivastava commented
Status: Needs review » Needs work

@4sourabhjain Patch applied succesfully but the changes not reflecting...

sourabhjain’s picture

sourabhjain
Primary language English
commented

@nitin could you please clear the cache before checking the changes and its working perfectly for me as attached screenshot.

nitin shrivastava’s picture

nitin shrivastava commented
Status: Needs work » Reviewed & tested by the community
StatusFileSize
new Screenshot 2024-01-04 185903.png28.63 KB

yes, looks good to me after applying the patch.

jcnventura’s picture

jcnventura
Primary language English
commented
Status: Reviewed & tested by the community » Needs work

Please remove the padding 0 from ul.tabs

manishvijay02’s picture

manishvijay02 commented
Assigned: Unassigned » manishvijay02
manishvijay02’s picture

manishvijay02 commented
Assigned: manishvijay02 » Unassigned
Status: Needs work » Needs review

Hello @jcnventura,
I have noticed that when we are removing padding 0 from ul.tabs, our login page page design doesn't looks too good. So i have applied padding in a more specific class and
Removed the padding from ul.tabs as per suggestion. Link to commit

jcnventura’s picture

jcnventura
Primary language English
commented
Status: Needs review » Needs work

If it is really important to have padding set to 0, I need to see the before and after images that justify that change on the login form, and then there should be some effort to make sure that this only applies to the user-login-form.

Otherwise, please remove that padding change, as for now it is still too generic that it will also affect existing content.

jcnventura’s picture

jcnventura
Primary language English
commented
Status: Needs work » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.