Make WordPress Core

Changeset 57895


Ignore:
Timestamp:
03/28/2024 04:57:19 PM (4 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:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

    r57587 r57895  
    11221122/* Block: List ------------------------------- */
    11231123
    1124 .editor-styles-wrapper ul.block-editor-block-list__block,
    1125 .editor-styles-wrapper ol.block-editor-block-list__block,
     1124.editor-styles-wrapper ul.block-editor-block-list__block:where(:not(.has-background)),
     1125.editor-styles-wrapper ol.block-editor-block-list__block:where(:not(.has-background)),
    11261126.editor-styles-wrapper ul ul,
    11271127.editor-styles-wrapper ol ul {
     
    11311131.editor-styles-wrapper ul.block-editor-block-list__block.wp-block-social-links {
    11321132    padding-right: 0;
     1133}
     1134
     1135.wp-block-list li {
     1136    margin-top: 0.5rem;
     1137}
     1138
     1139.wp-block-list.has-background > .wp-block-list-item {
     1140    margin-right: 2rem;
    11331141}
    11341142
  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

    r57587 r57895  
    11261126/* Block: List ------------------------------- */
    11271127
    1128 .editor-styles-wrapper ul.block-editor-block-list__block,
    1129 .editor-styles-wrapper ol.block-editor-block-list__block,
     1128.editor-styles-wrapper ul.block-editor-block-list__block:where(:not(.has-background)),
     1129.editor-styles-wrapper ol.block-editor-block-list__block:where(:not(.has-background)),
    11301130.editor-styles-wrapper ul ul,
    11311131.editor-styles-wrapper ol ul {
     
    11351135.editor-styles-wrapper ul.block-editor-block-list__block.wp-block-social-links {
    11361136    padding-left: 0;
     1137}
     1138
     1139.wp-block-list li {
     1140    margin-top: 0.5rem;
     1141}
     1142
     1143.wp-block-list.has-background > .wp-block-list-item {
     1144    margin-left: 2rem;
    11371145}
    11381146
Note: See TracChangeset for help on using the changeset viewer.