WordPress.org

Make WordPress Core

Opened 2 years ago

Last modified 6 weeks ago

#43085 new enhancement

Metabox UI rough box shadow when in closed mode

Reported by: obiplabon Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Posts, Post Types Keywords: needs-design-feedback 2nd-opinion
Focuses: ui, administration Cc:

Description

Please check the following two images and compare side by side. I've added a red mark for your convenience. The drop shadow or box shadow doesn't look neat and clean.

Before
https://i.imgur.com/Af5eB2e.png

After
https://i.imgur.com/M1zoLfx.png

Changing the following css I've gotten better result.

.postbox .hndle, .stuffbox .hndle {
    border-bottom: 1px solid #eee;
    user-select: none;
}
// Changing the above styles to this
.postbox:not(.closed) .hndle, .stuffbox:not(.closed) .hndle {
    border-bottom: 1px solid #eee;
    user-select: none;
}

Thanks

Change History (2)

#1 @pento
15 months ago

  • Version trunk deleted

#2 @valentinbora
6 weeks ago

  • Component changed from Administration to Posts, Post Types
  • Keywords needs-design-feedback 2nd-opinion added

Thank you @obiplabon for your ticket and welcome to Trac. Sorry for the long delay.

With the new Block editor, this issue is no longer happening. However, even on recent versions of WordPress, the report is confirmed with the Classic Editor plugin installed.

I'll mark this ticket as requiring design feedback so the Design team can share their thoughts on the matter.

Note: See TracTickets for help on using tickets.