[wp-trac] [WordPress Trac] #49843: Twenty Nineteen: Fix editor style compatibility with Gutenberg 7.7 and above

[WordPress Trac]

#49843: Twenty Nineteen: Fix editor style compatibility with Gutenberg 7.7 and
above
---------------------------+---------------------
 Reporter:  kjellr         |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  5.5
Component:  Bundled Theme  |     Version:  trunk
 Severity:  normal         |  Resolution:
 Keywords:  needs-testing  |     Focuses:
---------------------------+---------------------

Comment (by Joen):

 Wonderful patch. It's 95% there. Here are two before pictures:

 https://cloudup.com/cMXJaFX1UFj

 Here are some after pictures, showing vast improvements:

 https://cloudup.com/cVYqgxJfKAw

 There's one small issue that exists between the 600 and 782 breakpoint
 with full-wide images:

 https://cloudup.com/c4IQryRQWkc

 It's this rule:


 {{{
 @media only screen and (min-width: 600px) {
         .editor-styles-wrapper .wp-block[data-align="full"], .editor-
 styles-wrapper .wp-block.alignfull {
             width: calc( 125% + 20px);
             max-width: calc( 125% + 20px);
             position: relative;
             left: -12.5%;
         }
 }
 }}}

 If you change that to `min-width: 782px` (I think that's "break-medium"),
 everything looks good on my end.

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