Changeset 56034

Timestamp:

06/26/2023 03:04:22 PM (15 months ago)

Author:

audrasjb

Message:

Twenty Twenty: Fix left margin in Latest Posts & Latest Comments blocks.

This fixes a bug where the margin-left: auto property was being overwritten to margin-left: 0 causing an inconsistency in the alignment of these blocks.

Props nkeller15, nadimcse, sabernhardt, tb1909, poena.
Fixes #58396.

Location:

trunk/src/wp-content/themes/twentytwenty

Files:

• assets/css/editor-style-block-rtl.css (modified) (2 diffs)
• assets/css/editor-style-block.css (modified) (2 diffs)
• style-rtl.css (modified) (1 diff)
• style.css (modified) (1 diff)

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

@@ -459 +459 @@
 }
 
+.editor-styles-wrapper ul.wp-block-latest-posts {
+    margin-right: auto;
+    margin-left: auto;
+}
+
 .editor-styles-wrapper ul.wp-block-categories__list ul {
     margin: 0;
@@ -983 +988 @@
 .editor-styles-wrapper .wp-block-latest-comments {
     font-family: inherit;
-    margin-right: 0;
+    margin-right: auto;
 }
 

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

@@ -463 +463 @@
 }
 
+.editor-styles-wrapper ul.wp-block-latest-posts {
+    margin-left: auto;
+    margin-right: auto; 
+}
+
 .editor-styles-wrapper ul.wp-block-categories__list ul {
     margin: 0;
@@ -987 +992 @@
 .editor-styles-wrapper .wp-block-latest-comments {
     font-family: inherit;
-    margin-left: 0;
+    margin-left: auto;
 }
 

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

@@ -2926 +2926 @@
 }
 
+ol.wp-block-latest-comments {
+    margin-left: auto;
+    margin-right: auto;
+}
+
 .entry-content .wp-block-archives > li,
 .entry-content .wp-block-categories > li,

trunk/src/wp-content/themes/twentytwenty/style.css

@@ -2946 +2946 @@
 }
 
+ol.wp-block-latest-comments {
+    margin-left: auto;
+    margin-right: auto;
+}
+
 .entry-content .wp-block-archives > li,
 .entry-content .wp-block-categories > li,