Make WordPress Core

Opened 4 years ago

Closed 4 years ago

Last modified 4 years ago

#18740 closed defect (bug) (fixed)

Login form looks janky

Reported by: markjaquith Owned by: markjaquith
Milestone: 3.3 Priority: low
Severity: minor Version: 3.3
Component: UI Keywords: has-patch commit
Focuses: Cc:


It used to look like this:


Now it looks like this:


The padding and the symmetry is all wrong. Nothing lines up correctly.

Attachments (7)

18740.diff (831 bytes) - added by markjaquith 4 years ago.
18740.2.diff (904 bytes) - added by SergeyBiryukov 4 years ago.
18740.wp32.png (22.3 KB) - added by SergeyBiryukov 4 years ago.
Login form in 3.2
18740.wp33-trunk.png (22.7 KB) - added by SergeyBiryukov 4 years ago.
Login form in 3.3-trunk
18740.diff.png (22.4 KB) - added by SergeyBiryukov 4 years ago.
With 18740.diff
18740.2.diff.png (22.5 KB) - added by SergeyBiryukov 4 years ago.
With 18740.2.diff
18740.strength-indicator.png (29.2 KB) - added by SergeyBiryukov 4 years ago.
Reset Password form with 18740.2.diff

Download all attachments as: .zip

Change History (16)

@markjaquith4 years ago

comment:1 @markjaquith4 years ago

After the patch, it looks like this:


comment:2 @markjaquith4 years ago

  • Component changed from General to UI
  • Milestone changed from Awaiting Review to 3.3
  • Priority changed from normal to low
  • Resolution set to fixed
  • Severity changed from normal to minor
  • Status changed from new to closed
  • Version set to 3.3

One of the recent CSS cleanups fixed it!

comment:3 @SergeyBiryukov4 years ago

Hmm. Updated to r18796, cleared the cache, still see the same as on "Now it looks like this" screenshot.

Checked in Firefox 7, Chrome 14, Opera 11.51.

comment:4 @SergeyBiryukov4 years ago

  • Resolution fixed deleted
  • Status changed from closed to reopened

This wasn't fixed. See also #19201.

comment:5 @nacin4 years ago

Closed #19201 as a duplicate.

comment:6 @aaroncampbell4 years ago

  • Keywords has-patch commit added

The patch still works - it even still applies (offset by 350 lines, but it applies). I tested it in the latest Chrome, Firefox, Internet Explorer, Safari, and Opera on Windows 7 and in the latest Chromium, Firefox, and Opera on Ubuntu. In all cases the patch:

  1. Tightens vertical spacing between username, password, and remember me sections.
  2. Extends the text inputs so that the right side of the inputs lines up with the right side of the Log In button.

@SergeyBiryukov4 years ago

@SergeyBiryukov4 years ago

Login form in 3.2

@SergeyBiryukov4 years ago

Login form in 3.3-trunk

@SergeyBiryukov4 years ago

With 18740.diff

@SergeyBiryukov4 years ago

With 18740.2.diff

@SergeyBiryukov4 years ago

Reset Password form with 18740.2.diff

comment:7 @SergeyBiryukov4 years ago

18740.2.diff makes login form look more like in 3.2 (see the screenshots). Also fixes strength indicator in Reset Password form (#19201).

comment:8 @markjaquith4 years ago

  • Owner set to markjaquith
  • Resolution set to fixed
  • Status changed from reopened to closed

In [19313]:

Fix various login form and password strength meter CSS issues. fixes #18740. see #19201. props Sergey Biryukov.

Note: See TracTickets for help on using tickets.