Make WordPress Core

Opened 2 years ago

Closed 21 months ago

Last modified 21 months ago

#61667 closed enhancement (fixed)

The margins above and below the login form are not the same

Reported by: deeppatel8950 Owned by: audrasjb
Priority: normal Milestone: 6.8
Component: Login and Registration Version: 3.8
Severity: minor Keywords: has-patch
Cc: Focuses: ui, css

Description


Attachments (9)

Screenshot 2024-07-17 at 11.00.48 AM.png (251.4 KB ) - added by deeppatel8950 2 years ago.
Screenshot 2024-07-17 at 11.01.03 AM.png (245.2 KB ) - added by deeppatel8950 2 years ago.
61667.patch (409 bytes ) - added by viralsampat 2 years ago.
I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.
Screenshot 2024-07-17 at 6.35.21 PM.png (372.5 KB ) - added by viralsampat 2 years ago.
After resolved:
Screenshot 2024-07-17 at 2.49.27 PM.png (158.1 KB ) - added by priyank9033 2 years ago.
61667.diff (736 bytes ) - added by vijaysinh9094 2 years ago.
logo margin issue fixed as per last discussion.
Screenshot 2024-07-18 112534.png (60.7 KB ) - added by vijaysinh9094 2 years ago.
After making changes, the logo margin is reduce by 1px as per the last discussion.
61667.2.diff (367 bytes ) - added by vijaysinh9094 2 years ago.
@sabernhardt I have updated the patch to change the bottom margin of the logo to 24 pixels to maintain consistency with other pixel-based measurements on the login page, which are typically in multiples of 4. The previous patch included a 25px bottom margin, but it was identified that this measurement did not align with the common practice on the login page. Additionally, the patch file 61667.diff was previously saved in UTF-16 encoding. I have recreated and saved the new patch file in UTF-8 encoding to ensure compatibility and consistency with the project requirements.
Frame 66.png (91.2 KB ) - added by audrasjb 21 months ago.
PR#7770 tested in various configurations

Download all attachments as: .zip

Change History (24)

#1 @audrasjb
2 years ago

  • Keywords reporter-feedback added

Hello, thank you for the report.

This was modified in purpose in #61013 to remove the extra bottom padding on the form.

Except for the different padding values –which is not really an issue–, what is the functional issue you wanted to report?

Thank you

#2 @audrasjb
2 years ago

Oh sorry it is not related to #61013, which is about (internal) paddings and not (external) margins :)

Let's reformulate my question then: Having a different margin at the bottom of an element may be useful to visually separate the element at the bottom. Do you think these different spacings between the element are a causing an issue?

#3 @priyank9033
2 years ago

@audrasjb I think there is a difference of 1px at the bottom of the logo. We can keep the top margin as it is on the form for UI purposes.

Last edited 2 years ago by priyank9033 (previous) (diff)

#4 @deeppatel8950
2 years ago

@audrasjb I think @priyank9033 is right. We can reduce the bottom margin of the logo by 1px and keep the top margin of the form as it is.

#5 @deeppatel8950
2 years ago

  • Keywords needs-patch added; reporter-feedback removed

@viralsampat
2 years ago

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

#6 @deeppatel8950
2 years ago

  • Keywords needs-design-feedback added

@vijaysinh9094
2 years ago

logo margin issue fixed as per last discussion.

@vijaysinh9094
2 years ago

After making changes, the logo margin is reduce by 1px as per the last discussion.

#7 @sabernhardt
2 years ago

  • Keywords has-patch needs-refresh added; needs-patch removed
  • Milestone Awaiting Review6.7
  • Severity normalminor
  • Summary The top and bottom margins of the login form are not the same.The margins above and below the login form are not the same
  • Type defect (bug)enhancement
  • Version 6.63.8

I agree to change the logo's bottom margin to 24 pixels.

[26072] included both the 25px bottom margin on the logo link and 24px for the top margin on the #nav container, but most pixel-based measurements on the login page are in multiples of 4.

@vijaysinh9094 Your 61667.diff is saved in UTF-16. Could you re-create the patch using UTF-8? (If not, I could upload a patch.)

@vijaysinh9094
2 years ago

@sabernhardt I have updated the patch to change the bottom margin of the logo to 24 pixels to maintain consistency with other pixel-based measurements on the login page, which are typically in multiples of 4. The previous patch included a 25px bottom margin, but it was identified that this measurement did not align with the common practice on the login page. Additionally, the patch file 61667.diff was previously saved in UTF-16 encoding. I have recreated and saved the new patch file in UTF-8 encoding to ensure compatibility and consistency with the project requirements.

#8 @sabernhardt
2 years ago

  • Keywords needs-refresh removed

Thanks!

#9 @davidbaumwald
2 years ago

  • Milestone 6.76.8

Seems like this is getting closer, but needs a bit more work.

With 6.7 Beta 1 releasing in a few hours, this is being moved to 6.8 given recent momentum towards a resolution.

If any committer feels the remaining work can be resolved in time for Beta 1 and wishes to assume ownership, feel free to update the milestone accordingly.

This ticket was mentioned in PR #7770 on WordPress/wordpress-develop by @im3dabasia1.


22 months ago
#10

### Trac Ticket
Trac ticket: https://core.trac.wordpress.org/ticket/61667

### Brief Description
This pull request addresses Trac Ticket #61667 by adjusting the margins around the login form for visual consistency. The margin above and below the form is now consistently set to 24px, and the margin below the logo has also been adjusted to 24px, as discussed in the Trac.

#11 @im3dabasia1
22 months ago

Hey @davidbaumwald

I've added a corresponding [PR](https://github.com/WordPress/wordpress-develop/pull/7770) for the requested changes. Let me know if the PR needs any further enhancements.

#12 @audrasjb
21 months ago

  • Keywords needs-design-feedback removed
  • Owner set to audrasjb
  • Status newreviewing

Thanks @im3dabasia1 for the new PR.

@audrasjb
21 months ago

PR#7770 tested in various configurations

@audrasjb commented on PR #7770:


21 months ago
#13

I added a commit to merge margin declarations into a single one.
I think we're good to ship this now :)

#14 @audrasjb
21 months ago

  • Resolutionfixed
  • Status reviewingclosed

In 59551:

Login and Registration: Adjust login form margins for better consistency.

This changeset addresses adjusts margins around the login form for visual consistency. The margin above and below the form is now consistently set to 24px, and the margin below the logo has also been adjusted to 24px.

Follow-up to [26072].

Props deeppatel8950, audrasjb, priyank9033, viralsampat, vijaysinh9094, sabernhardt, .
Fixes #61667.

Note: See TracTickets for help on using tickets.