Changeset 56832

Timestamp:

10/12/2023 10:15:36 AM (14 months ago)

Author:

SergeyBiryukov

Message:

Twenty Nineteen: Add margins to editor iframe content.

At screen widths of at least 768px (tablet size), Twenty Nineteen should have a max-width and side margins for content in the post editor.

This commit applies that style to the new .block-editor-iframe__body class, resolving an issue where full-width blocks had a horizontal scrollbar in the editor iframe.

Props sabernhardt, smit08, nidhidhandhukiya, mukesh27, darshitrajyaguru97, oglekler, poena, shailu25, nicolefurlan.
Fixes #59449.

Location:

trunk/src/wp-content/themes/twentynineteen

Files:

• style-editor.css (modified) (1 diff)
• style-editor.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/style-editor.css

@@ -606 +606 @@
 
 @media only screen and (min-width: 768px) {
-  body.block-editor-writing-flow,
+  body.block-editor-iframe__body, body.block-editor-writing-flow,
   body .block-editor-writing-flow {
     max-width: 80%;

trunk/src/wp-content/themes/twentynineteen/style-editor.scss

@@ -37 +37 @@
     @include media(tablet) {
 
+        &.block-editor-iframe__body,
         &.block-editor-writing-flow,
         .block-editor-writing-flow {