diff --git a/src/wp-content/themes/twentynineteen/style-editor.css b/src/wp-content/themes/twentynineteen/style-editor.css index 274e2851c2..ea254956dd 100644 --- a/src/wp-content/themes/twentynineteen/style-editor.css +++ b/src/wp-content/themes/twentynineteen/style-editor.css @@ -583,8 +583,8 @@ h6:lang(vi), figcaption:lang(vi), /** === Editor Frame === */ body .wp-block[data-align="full"], body .wp-block.alignfull { - width: calc(100% + 20px); - max-width: calc(100% + 20px); + max-width: calc(100% + 16px); + width: calc(100% + 16px); } body .wp-block[data-align="left"], @@ -620,11 +620,19 @@ body .wp-block.aligncenter { } body .wp-block[data-align="full"], body .wp-block.alignfull { - width: calc( 125% + 20px); - max-width: calc( 125% + 20px); + width: calc(125% + 16px); + max-width: calc(125% + 16px); position: relative; left: -12.5%; } + body .wp-block[data-align="wide"] .wp-block[data-align="full"], + body .wp-block[data-align="full"] .wp-block[data-align="full"], + body .wp-block.alignwide .wp-block.alignfull, + body .wp-block.alignfull .wp-block.alignfull { + left: 0; + margin-left: 0; + margin-right: 0; + } } /** === Content Width === */ @@ -1560,3 +1568,12 @@ ul.wp-block-archives li ul, width: calc(125% + 120px); } } + +.wp-block-post-template .wp-block[data-align="full"], +.wp-block-post-template .wp-block.alignfull { + left: 0; + max-width: 100%; + padding-left: 0; + padding-right: 0; + width: 100%; +} diff --git a/src/wp-content/themes/twentynineteen/style-editor.scss b/src/wp-content/themes/twentynineteen/style-editor.scss index 07c352035d..ed06791612 100644 --- a/src/wp-content/themes/twentynineteen/style-editor.scss +++ b/src/wp-content/themes/twentynineteen/style-editor.scss @@ -13,8 +13,8 @@ body { .wp-block[data-align="full"], .wp-block.alignfull { - width: calc(100% + 20px); - max-width: calc(100% + 20px); + max-width: calc(100% + 16px); + width: calc(100% + 16px); } .wp-block[data-align="left"], @@ -54,11 +54,20 @@ body { .wp-block[data-align="full"], .wp-block.alignfull { - width: calc( 125% + 20px ); - max-width: calc( 125% + 20px ); + width: calc(125% + 16px); + max-width: calc(125% + 16px); position: relative; left: -12.5%; } + + .wp-block[data-align="wide"] .wp-block[data-align="full"], + .wp-block[data-align="full"] .wp-block[data-align="full"], + .wp-block.alignwide .wp-block.alignfull, + .wp-block.alignfull .wp-block.alignfull { + left: 0; + margin-left: 0; + margin-right: 0; + } } } @@ -971,3 +980,15 @@ $group-block-background__padding: $font__size_base; } } } + +.wp-block-post-template { + + .wp-block[data-align="full"], + .wp-block.alignfull { + left: 0; + max-width: 100%; + padding-left: 0; + padding-right: 0; + width: 100%; + } +}