vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2025-10-16 12:05:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Twenty Nineteen: Add margins to editor iframe content.

Browse Source 
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.

git-svn-id: https://develop.svn.wordpress.org/trunk@56832 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2023-10-12 10:15:36 +00:00
parent a8d53284d3
commit 698880552f
2 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/wp-content/themes/twentynineteen/style-editor.css
View File

@ -605,7 +605,7 @@ body .wp-block.aligncenter {
}
@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%;
margin: 0 10%;

1
src/wp-content/themes/twentynineteen/style-editor.scss
View File

@ -36,6 +36,7 @@ body {
@include media(tablet) {
&.block-editor-iframe__body,
&.block-editor-writing-flow,
.block-editor-writing-flow {
max-width: 80%;