[wp-trac] [WordPress Trac] #45246: Twenty Seventeen: Issues in theme’s Gutenberg support & styles

[WordPress Trac]

#45246: Twenty Seventeen: Issues in theme’s Gutenberg support & styles
-------------------------------------------------+-------------------------
 Reporter:  laurelfulford                        |       Owner:
                                                 |  laurelfulford
     Type:  defect (bug)                         |      Status:  assigned
 Priority:  normal                               |   Milestone:  5.0
Component:  Bundled Theme                        |     Version:  5.0
 Severity:  normal                               |  Resolution:
 Keywords:  has-patch needs-testing has-         |     Focuses:  ui,
  screenshots                                    |  administration
-------------------------------------------------+-------------------------

Comment (by afercia):

 I've noticed some parts of the Gutenberg UI have a few issues with the
 theme styles, see for example:
 - the Edit Permalink UI link style and button
 - the Reusable block buttons
 - the media buttons

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

 I'd tend to think theme styles shouldn't affect parts of the Gutenberg UI
 and should be applied only to the content.

 Same thing may happen with any custom block, see for example the block
 below where the font size, line-height, paragraph margins and buttons on
 the left (with the theme styles) break the block UI styling (on the right
 it's how is it supposed to be):

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

 I guess this happens also with other themes. I'd tend to think some of
 these issues can be addressed at a theme level, trying to use more
 specific selectors. However, other issues should probably be best
 addressed at the Gutenberg level, providing better naming conventions,
 selectors, or any other mechanism to avoid style conflicts.

 @laurelfulford I don't have great expertise with themes, I think your
 expertise is precious and I'd suggest to report this "upstream" on the
 Gutenberg project.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/45246#comment:4>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform