[wp-trac] [WordPress Trac] #50086: Twenty Fifteen: Correct extra border around the editor in Gutenberg 7.8.1 and above.

WordPress Trac noreply at wordpress.org
Mon May 4 20:07:41 UTC 2020


#50086: Twenty Fifteen: Correct extra border around the editor in Gutenberg 7.8.1
and above.
---------------------------+-----------------------------
 Reporter:  kjellr         |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:
 Severity:  normal         |   Keywords:  has-patch
  Focuses:                 |
---------------------------+-----------------------------
 If using the Gutenberg plugin, version 7.8.1 and above, some older themes
 will show a gray border around the editor. That border is the remnant of
 some legacy margin styles added by the theme, and intended originally for
 the TinyMCE editor. Previously, these margins were not visible, however
 recent versions of the editor have adopted a gray background behind the
 editor's wrapper in order to house responsive previews.

 More details are available in this GitHub ticket:
 https://github.com/WordPress/gutenberg/issues/21535

 [[Image(http://cldup.com/EzyMcNyy9D.png)]]

 This is especially problematic on smaller screens:

 [[Image(http://cldup.com/RHGmLSCgm9.png)]]
 ----

 The easiest way to fix this per theme is to increase specificity of those
 margin rules so that they only appear when using TinyMCE. The patch
 attached here is a first pass at that for Twenty Fifteen. If we're okay
 with this approach (and are not going to be fixing this within Gutenberg
 itself), I can start doing this for other default themes that are effected
 by this issue.

 With the attached patch applied, the classic editor view should appear the
 same, while the editor view will appear with no additional margins:

 [[Image(http://cldup.com/2n_ML6fNLd.png)]]

 [[Image(http://cldup.com/xNTlt4-MuA.png)]]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/50086>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform


More information about the wp-trac mailing list