Twenty Twenty-one: List based widgets need style adjustments in the widget editor

[circlecube]

In Twenty Twenty-one, list based widgets need some styling adjustments in the widget editor to better match how they are displayed on the front end.

The archives, categories, meta, page list, and navigation menu are displaying list bullets in the editor but not on the front end.

[circlecube]

widgets in editor screenshot

[circlecube]

widgets on front end screenshot

[circlecube]

widgets in customizer screenshot

[circlecube]

I noticed that there are different differences between some of these widgets in the customizer and the front end too (and the widget editor).

Archives, Categories, and Page List widgets are displayed differently than in the widget editor and on the front end. They are without bullets here, but also without background color or matching link colors.

Meta and Menu widgets are displayed the same as they are in the editor, with bullets but they have proper colors to match the front end.

This PR moves the styles for ul and a from .widget-area to .widget.

Trac ticket: https://core.trac.wordpress.org/ticket/53629

[Rahmohn]

Hi @circlecube

I've created a PR to fix it. I would appreciate any feedback.

[monikarao]

Blank widget screen appear at my end on switching the PR - ​https://share.cspf.co/jkuERPx7

Could someone please confirm this issue ?

[audrasjb]

After patch: customizer

[audrasjb]

After patch: widget editor

Trac ticket: https://core.trac.wordpress.org/ticket/53629

[audrasjb]

Self-assigning for commit consideration.

[audrasjb]

In 52237:

Twenty Twenty-One: Style adjustments for list-based widgets in the widget editor.

This change brings style consistency between front-end and widget editor for list-based widgets.

Props circlecube, Rahmohn.
Fixes #53629.

Committed in https://core.trac.wordpress.org/changeset/52237

Committed in https://core.trac.wordpress.org/changeset/52237