[wp-trac] [WordPress Trac] #51157: Bundled Themes: List block appears too far to the left after 5.5 upgrade

[WordPress Trac]

#51157: Bundled Themes: List block appears too far to the left after 5.5 upgrade
-----------------------------------------+-----------------------
 Reporter:  kjellr                       |       Owner:  (none)
     Type:  defect (bug)                 |      Status:  new
 Priority:  normal                       |   Milestone:  5.5.2
Component:  Bundled Theme                |     Version:
 Severity:  normal                       |  Resolution:
 Keywords:  has-screenshots needs-patch  |     Focuses:  css, rtl
-----------------------------------------+-----------------------
Changes (by sabernhardt):

 * keywords:  has-screenshots has-patch needs-testing => has-screenshots
     needs-patch


Comment:

 Twenty Twelve is fine with or without the patch.

 All 7 of the themes in the patch now center simple lists in list blocks in
 both LTR and RTL languages. However, **only** Twenty Eleven shows nested
 lists in RTL list blocks properly, and Twenty Thirteen has trouble with
 nested lists in both LTR and RTL languages. Most themes have problems with
 nested lists and/or inconsistent list indentation in the classic block,
 too.

 Also, the lack of any margin or padding on outer lists can result in
 cutting off the list markers at narrower widths. (This might be better to
 address within Gutenberg's styles, adding more than the 10px padding on
 each side.)

 Twenty Nineteen and Twenty Twenty were not included in the patch. Besides
 the partially hidden list markers at narrower screen sizes, these themes
 do not indent nested unordered lists (in list blocks) for RTL editor
 styles. [attachment:"51157.twentytwenty.patch"] is a potential solution
 for Twenty Twenty, and Twenty Nineteen might need the `.rtl` class if
 using something similar for that theme:

 {{{
 .rtl .editor-styles-wrapper ul.block-editor-block-list__block,
 .rtl .editor-styles-wrapper ol.block-editor-block-list__block,
 .rtl .editor-styles-wrapper ul ul,
 .rtl .editor-styles-wrapper ol ul {
         padding-right: 2em;
 }
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/51157#comment:12>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform