WordPress/gutenberg

Meta boxes: update core styles to match Gutenberg's

Open

#12,101 opened on Nov 20, 2018

View on GitHub
 (12 comments) (3 reactions) (0 assignees)JavaScript (3,893 forks)batch import
CSS StylingGood First IssueNeeds Dev[Feature] Meta Boxes[Type] Enhancement

Repository metrics

Stars
 (9,607 stars)
PR merge metrics
 (Avg merge 12d 18h) (509 merged PRs in 30d)

Description

Description Default meta boxes in Gutenberg have a different style than other components.

The out-of-date styles are coming from here: https://github.com/WordPress/gutenberg/blob/3d3c2a4d52903131f68d2694bd551408561fa778/packages/edit-post/src/components/meta-boxes/meta-boxes-area/style.scss

To Reproduce Steps to reproduce the behavior:

  1. Install Jetpack and/or ACF.
  2. Go to Posts > Add New
  3. Notice:
  • Sharing meta box in the sidebar
  • ACF meta box

Expected behavior To have all components styled equally and consistently.

Screenshots

Desktop:

  • MacOS Version 10.14 (18A391)
  • Chrome Version 70.0.3538.102 (Official Build) (64-bit)

Additional context

  • Gutenberg Version 4.4.0
  • WordPress Version 4.9.8
  • Jetpack Version 6.7

Contributor guide

Research direction
Inspect the style file at packages/edit post/src/components/meta boxes/meta boxes area/style.scss and compare with other components' styles to identify inconsistencies. Update the styles to match Gutenberg's design system.
Tech stack
javascript
Domain
frontend
Issue type
Refactor
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitSCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75