From ab3848ae1211521dece330e97d9dd8e6ef4cbf13 Mon Sep 17 00:00:00 2001 From: Jb Audras Date: Thu, 2 Jun 2022 15:08:33 +0000 Subject: [PATCH] Twenty-Twenty: Alignment fix on Separator Block editor styles. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This changeset fixes an issue with some CSS rules of the "Wide Line" variation of the Separator Block’s editor stylesheet, for small, medium and large screens. Props umesh84, iamjaydip, mukesh27, larrach. Fixes #55896. git-svn-id: https://develop.svn.wordpress.org/trunk@53459 602fd350-edb4-49c9-b593-d223f7449a82 --- .../assets/css/editor-style-block-rtl.css | 12 ++++++------ .../twentytwenty/assets/css/editor-style-block.css | 12 ++++++------ 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css index c3261fd203..e27e4afba8 100644 --- a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css +++ b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css @@ -1392,8 +1392,8 @@ hr.wp-block-separator.is-style-dots::before { } hr.wp-block-separator.is-style-wide { - margin-right: -70px; - margin-left: -70px; + margin-right: auto; + margin-left: auto; } @@ -1430,8 +1430,8 @@ hr.wp-block-separator.is-style-dots::before { /* BLOCK: SEPARATOR */ hr.wp-block-separator.is-style-wide { - margin-right: -150px; - margin-left: -150px; + margin-right: auto; + margin-left: auto; } } @@ -1465,8 +1465,8 @@ hr.wp-block-separator.is-style-dots::before { /* BLOCK: SEPARATOR */ hr.wp-block-separator.is-style-wide { - margin-right: -200px; - margin-left: -200px; + margin-right: auto; + margin-left: auto; } diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css index 11a3a33f50..0d930c8b79 100644 --- a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css +++ b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css @@ -1392,8 +1392,8 @@ hr.wp-block-separator.is-style-dots::before { } hr.wp-block-separator.is-style-wide { - margin-left: -70px; - margin-right: -70px; + margin-left: auto; + margin-right: auto; } @@ -1430,8 +1430,8 @@ hr.wp-block-separator.is-style-dots::before { /* BLOCK: SEPARATOR */ hr.wp-block-separator.is-style-wide { - margin-left: -150px; - margin-right: -150px; + margin-left: auto; + margin-right: auto; } } @@ -1465,8 +1465,8 @@ hr.wp-block-separator.is-style-dots::before { /* BLOCK: SEPARATOR */ hr.wp-block-separator.is-style-wide { - margin-left: -200px; - margin-right: -200px; + margin-left: auto; + margin-right: auto; }