fix(list): icons not sized properly on initial load

[adrianptrv]

Closes #16355

Here is the same sample with the new change applied: Sample

Additional information (check all that apply):

• Bug fix
• New functionality
• Documentation
• Demos
• CI/CD

Checklist:

• All relevant tags have been applied to this PR
• This PR includes unit tests covering all the new code (test guidelines)
• This PR includes API docs for newly added methods/properties (api docs guidelines)
• This PR includes feature/README.MD updates for the feature docs
• This PR includes general feature table updates in the root README.MD
• This PR includes CHANGELOG.MD updates for newly added functionality
• This PR contains breaking changes
• This PR includes ng update migrations for the breaking changes (migrations guidelines)
• This PR includes behavioral changes and the feature specification has been updated with them

[RivaIvanova]

Not sure if this is an issue in the WC list or the Angular one, but there are differences in the sizes of the icons on initial load (default size) and when resizing, both for Material and Indigo. @sdimchevski can you confirm what the sizes should be for the list action icons? If it's a WC-related issue, I'll log it separately, and we can ignore this comment.

Material

Angular list icon

• default size - medium 20px
• small size - 18px
• medium size - 20px
• large size 24px

WC list icon

• default size - large 24px
• small size - 18px
• medium size - 20px
• large size - 24px

Indigo

The Angular list icon is always medium size - 16px.

WC list icon

• default size - large 24px
• small size - 14px
• medium size - 16px
• large size - 24px

[sdimchevski]

The default size in both Material and Indigo should be M . We don't have sizes for the List in the UI kits at the moment but I think for Indigo in WC the list icon should always stay medium size like in Angular. @andiesm813 what do you think?

[andiesm813]

Agreed @sdimchevski ... the size should always stay medium like Angular for the Indigo Theme as well.