Make WordPress Core

#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 15 months ago.
adjusting vertical-align and margins
Network-Dashboard-Right-Now.png (52.2 KB) - added by sabernhardt 15 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
15 months ago

adjusting vertical-align and margins

@sabernhardt
15 months ago

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

#1 @sabernhardt
15 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
15 months ago

  • Milestone changed from Awaiting Review to 6.7

#3 @SergeyBiryukov
15 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.