Make WordPress Core

Opened 12 days ago

Last modified 3 days ago

#65141 reopened defect (bug)

Fix alignment for sortable metabox on post and page edit screen with classic editor

Reported by: umeshnevase's profile umesh.nevase Owned by: sergeybiryukov's profile SergeyBiryukov
Milestone: 7.0 Priority: normal
Severity: normal Version: trunk
Component: Editor Keywords: admin-reskin changes-requested has-patch
Focuses: ui, css Cc:

Description (last modified by sabernhardt)

When the Classic Editor is selected as the default editor in the Writing Settings, the sortable metabox container on the post/page edit screen includes an extra 4px of padding. This results in a 4px misalignment of the metabox container with Classic Editor and other UI elements on the page.

Debugging confirms that this padding is only applied when the Classic Editor is active. Since it serves no identifiable purpose other than for these metaboxes, it can be safely removed to restore alignment. This change was originally introduced in Changeset [61646].

Attachments (3)

post-screen-alignemnt2.png (240.9 KB) - added by umesh.nevase 12 days ago.
post-screen-alignemnt2.2.png (240.9 KB) - added by umesh.nevase 12 days ago.
post-screen-alignemnt3.png (208.5 KB) - added by umesh.nevase 12 days ago.
screenshot for extra padding and misalignment

Download all attachments as: .zip

Change History (18)

@umesh.nevase
12 days ago

screenshot for extra padding and misalignment

This ticket was mentioned in PR #11667 on WordPress/wordpress-develop by @umesh.nevase.


12 days ago
#1

  • Keywords has-patch added

This PR fixes alignment issue for meta-box-sortables with the editor.
In this PR I've remove extra 4px padding added to metabox container.

#2 follow-up: @sabernhardt
11 days ago

  • Description modified (diff)
  • Focuses css added
  • Keywords admin-reskin added
  • Milestone changed from Awaiting Review to 7.0

[61646] added the 4-pixel padding to sortable metaboxes in the dashboard, classic post editor, and media editor.

Then [61759] set the dashboard widgets' padding to 0, which does not seem necessary if the padding is removed from all of them.

#3 @SergeyBiryukov
10 days ago

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

In 62284:

Administration: Correct alignment of meta boxes on the Edit screen with classic editor.

Follow-up to [61646], [61759].

Props umeshnevase, sabernhardt, SergeyBiryukov.
Fixes #65141.

@SergeyBiryukov commented on PR #11667:


10 days ago
#4

Thanks for the PR! Merged in r62284.

#5 @SergeyBiryukov
10 days ago

  • Keywords commit dev-feedback added
  • Resolution fixed deleted
  • Status changed from closed to reopened

Reopening for 7.0 consideration.

#6 @peterwilsoncc
10 days ago

  • Keywords dev-reviewed added; dev-feedback removed

r62284 approved for merging to the 7.0 branch.

#7 @peterwilsoncc
10 days ago

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

In 62285:

Administration: Correct alignment of meta boxes on the Edit screen with classic editor.

Follow-up to [61646], [61759].

Reviewed by peterwilsoncc.
Merges r62284 to the 7.0 branch.

Props umeshnevase, sabernhardt, SergeyBiryukov.
Fixes #65141.

#8 in reply to: ↑ 2 ; follow-up: @TobiasBg
9 days ago

  • Resolution fixed deleted
  • Status changed from closed to reopened

Replying to sabernhardt:

[61646] added the 4-pixel padding to sortable metaboxes in the dashboard, classic post editor, and media editor.

So, the padding was now removed again, but [61646] also added a negative -4px margin on #poststuff #post-body. I think this should be reverted as well, as it otherwise pulls the editor to the left a bit (with Classic Editor).

This ticket was mentioned in PR #11689 on WordPress/wordpress-develop by @umesh.nevase.


9 days ago
#9

@TobiasBg has suggested to remove negative -4px margin on #poststuff #post-body that pulling post-body to left. This margin is not required.Here

This margin was added in changeset for admin reskin https://core.trac.wordpress.org/changeset/61646

#10 in reply to: ↑ 8 @umesh.nevase
9 days ago

Yes, we can revert negative -4px margin on #poststuff #post-body which is not required. [PR]https://github.com/WordPress/wordpress-develop/pull/11689

@TobiasBg commented on PR #11689:


9 days ago
#11

Thanks for creating a PR! I think the margin declaration can be removed in full, as it was only added via https://core.trac.wordpress.org/changeset/61646/trunk/src/wp-admin/css/edit.css and did not exist before.

#12 @peterwilsoncc
4 days ago

  • Keywords commit dev-reviewed removed

Doing some keyword management to tidy up the workflow report.

This ticket was mentioned in Slack in #core by jorbin. View the logs.


3 days ago

#14 @jorbin
3 days ago

  • Keywords changes-requested added

As noted, the patch needs an update. @umeshnevase - Are you able to handle that?

@umesh.nevase commented on PR #11689:


3 days ago
#15

Thanks for creating a PR! I think the margin declaration can be removed in full, as it was only added via https://core.trac.wordpress.org/changeset/61646/trunk/src/wp-admin/css/edit.css and did not exist before.

Thanks for pointing out that margin declaration, I've removed unwanted margin declaration.

Note: See TracTickets for help on using tickets.