Changeset 54418

Timestamp:

10/07/2022 08:40:31 PM (2 years ago)

Author:

audrasjb

Message:

Twenty Twenty: Improve Separator Block rendering.

This changeset fixes inconsistent alignment behavior of the Separator Block in the editor.

Props kmadhak, sabernhardt, mukesh27, nidhidhandhukiya, kajalgohel.
Fixes #55910.

Location:

trunk/src/wp-content/themes/twentytwenty/assets/css

Files:

• editor-style-block-rtl.css (modified) (1 diff)
• editor-style-block.css (modified) (1 diff)

trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

@@ -620 +620 @@
 }
 
-hr.wp-block-separator::before {
+.editor-styles-wrapper hr.wp-block-separator::before {
     right: calc(50% - 5px);
-}
-
-hr.wp-block-separator::after {
+    left: auto;
+}
+
+.editor-styles-wrapper hr.wp-block-separator::after {
     left: calc(50% - 5px);
+    right: auto;
+    border-radius: 0;
 }
 

trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

@@ -624 +624 @@
 }
 
-hr.wp-block-separator::before {
+.editor-styles-wrapper hr.wp-block-separator::before {
     left: calc(50% - 5px);
-}
-
-hr.wp-block-separator::after {
+    right: auto;
+}
+
+.editor-styles-wrapper hr.wp-block-separator::after {
     right: calc(50% - 5px);
+    left: auto;
+    border-radius: 0;
 }