WordPress.org

Make WordPress Core

Opened 7 years ago

Closed 7 years ago

#31425 closed defect (bug) (fixed)

Admin nav menu "Open link in a new window/tab" incorrect size on max-width: 782px

Reported by: tyxla Owned by: SergeyBiryukov
Milestone: 4.2 Priority: normal
Severity: normal Version: 4.2
Component: Menus Keywords: has-patch
Focuses: ui, administration Cc:

Description

When on a mobile device (max-width: 782px), the "Open link in a new window/tab" checkbox in an expanded menu item in Appearance -> Menus has incorrect styling. It expands to 100% width, which is incorrect, and its height is incorrect as well. Some additional styling needs to be applied for checkboxes and the eventual radio buttons inside the menu item settings box.

Attachments (3)

31425.patch (431 bytes) - added by tyxla 7 years ago.
Fixing the size of radio buttons / checkboxes in menu item settings in the administration for max-width: 782px
31425.jpg (222.1 KB) - added by tyxla 7 years ago.
Attaching a before/after image, showing the issue (before the patch), and the fixed issue (after the patch).
31425.png (22.0 KB) - added by SergeyBiryukov 7 years ago.

Download all attachments as: .zip

Change History (7)

@tyxla
7 years ago

Fixing the size of radio buttons / checkboxes in menu item settings in the administration for max-width: 782px

#1 @tyxla
7 years ago

  • Keywords has-patch added

#2 @SergeyBiryukov
7 years ago

  • Focuses ui added

Could you add before/after screenshots?

#3 @SergeyBiryukov
7 years ago

  • Milestone changed from Awaiting Review to 4.2

@tyxla
7 years ago

Attaching a before/after image, showing the issue (before the patch), and the fixed issue (after the patch).

@SergeyBiryukov
7 years ago

#4 @SergeyBiryukov
7 years ago

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

In 31523:

Menus: Prevent checkboxes and radio buttons from being stretched to full width on mobile.

props tyxla.
fixes #31425.

Note: See TracTickets for help on using tickets.