Make WordPress Core

Opened 7 months ago

Closed 7 months ago

#61869 closed defect (bug) (fixed)

Network Admin Dashboard Right Now widget button alignment

Reported by: sabernhardt's profile sabernhardt Owned by: sergeybiryukov's profile SergeyBiryukov
Milestone: 6.7 Priority: normal
Severity: minor Version:
Component: Networks and Sites Keywords: has-patch
Focuses: css, administration, multisite Cc:

Description

The Right Now dashboard widget for networks can show the submit buttons for Search Users and Search Sites higher than their respective input fields when they are next to each other. On large screens, that is due to a vertical-align mismatch. Under the 782px breakpoint, the submit buttons have a bottom margin.

Also, each submit button can wrap below the input field without any space between the two.

  • In English, I only saw that occur when the viewport was 350 pixels or narrower.
  • In French, I saw it in the 783-1095 range and at less than 527 pixels wide.

Attachments (2)

61869.diff (416 bytes) - added by sabernhardt 7 months ago.
adjusting vertical-align and margins
Network-Dashboard-Right-Now.png (52.2 KB) - added by sabernhardt 7 months ago.
Right Now widget at multiple viewport widths, in English, before and after applying the patch

Download all attachments as: .zip

Change History (5)

@sabernhardt
7 months ago

adjusting vertical-align and margins

@sabernhardt
7 months ago

Right Now widget at multiple viewport widths, in English, before and after applying the patch

#1 @sabernhardt
7 months ago

CSS flex is worth considering too, but I was able to achieve the alignment and spacing with only a few lines.

#2 @SergeyBiryukov
7 months ago

  • Milestone changed from Awaiting Review to 6.7

#3 @SergeyBiryukov
7 months ago

  • Owner set to SergeyBiryukov
  • Resolution set to fixed
  • Status changed from new to closed

In 58895:

Network Admin: Improve button alignment in Right Now dashboard widget.

Follow-up to [16237].

Props sabernhardt.
Fixes #61869.

Note: See TracTickets for help on using tickets.