Twenty Twenty-One: list bullets have different styles in the editor and front

[poena]

In the block editor, lists have the disc bullet, while nested list items have circles:

.editor-styles-wrapper ul {
    list-style-type: disc;
}

.editor-styles-wrapper ol ul, .editor-styles-wrapper ul ul {
    list-style-type: circle;
}

On the front, the theme uses the disc for both, it has no bullet style for the nested lists, so
the editor and front does not match.

[mukesh27]

If you're doing a first-time contribution then check these links in order to create a valid patch in Trac.
​https://make.wordpress.org/core/handbook/tutorials/working-with-patches/ ​https://make.wordpress.org/core/handbook/best-practices/writing-patches/

If you're familiar with code and git, you can use the wordpress-develop Github repository to easily contribute to WordPress: ​https://make.wordpress.org/core/handbook/contribute/git/

[mahfuz01]

List style type changed for nested ul. Now frontend and editor style are same.

[tejwanihemant]

Applied correct css for nested ul

[poena]

Hi and thank you for the patches @mahfuz01 and @tejwanihemant.

Twenty Twenty-One uses sass, changes need to be made in the .scss file, like in patch 52412.diff.

Please consider refreshing the patch to update the .scss file and cover both ol and ul.

[mahfuz01]

Uploading a new patch covered both ol and ul on .scss file.

[poena]

Patch 52412.3.diff works well for me, the editor and front matches.

[peterwilsoncc]

In 50350:

Twenty Twenty-One: Match bullets between editor and frontend.

Change bullet style on frontend nested unordered lists to circle to match the editor styles.

Props poena, mukesh27, mahfuz01, tejwanihemant.
Fixes #52412.