Changeset 57895

Timestamp:

03/28/2024 04:57:19 PM (13 months ago)

Author:

karmatosed

Message:

Twenty Twenty: Fixes The design of the ordered and unordered lists within editor.

There wasn't enough padding and the spacing was deteriorating the more depth there was. This reflects the front now and respects background coloring. Impacts both types of lists although original reporting was just on one.

Props aezazshekh, krupalpanchal, multidots1896, kajalgohel, sabernhardt.
Fixes #56083.

Location:

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

Files:

• editor-style-block-rtl.css (modified) (2 diffs)
• editor-style-block.css (modified) (2 diffs)

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

@@ -1122 +1122 @@
 /* Block: List ------------------------------- */
 
-.editor-styles-wrapper ul.block-editor-block-list__block,
-.editor-styles-wrapper ol.block-editor-block-list__block,
+.editor-styles-wrapper ul.block-editor-block-list__block:where(:not(.has-background)),
+.editor-styles-wrapper ol.block-editor-block-list__block:where(:not(.has-background)),
 .editor-styles-wrapper ul ul,
 .editor-styles-wrapper ol ul {
@@ -1131 +1131 @@
 .editor-styles-wrapper ul.block-editor-block-list__block.wp-block-social-links {
     padding-right: 0;
+}
+
+.wp-block-list li {
+    margin-top: 0.5rem;
+}
+
+.wp-block-list.has-background > .wp-block-list-item {
+    margin-right: 2rem;
 }
 

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

@@ -1126 +1126 @@
 /* Block: List ------------------------------- */
 
-.editor-styles-wrapper ul.block-editor-block-list__block,
-.editor-styles-wrapper ol.block-editor-block-list__block,
+.editor-styles-wrapper ul.block-editor-block-list__block:where(:not(.has-background)),
+.editor-styles-wrapper ol.block-editor-block-list__block:where(:not(.has-background)),
 .editor-styles-wrapper ul ul,
 .editor-styles-wrapper ol ul {
@@ -1135 +1135 @@
 .editor-styles-wrapper ul.block-editor-block-list__block.wp-block-social-links {
     padding-left: 0;
+}
+
+.wp-block-list li {
+    margin-top: 0.5rem;
+}
+
+.wp-block-list.has-background > .wp-block-list-item {
+    margin-left: 2rem;
 }