Skip to content

[Bug]: List-Item icon size mismatch #1953

@RivaIvanova

Description

@RivaIvanova

Which component(s) are affected?

List

Description

Current behavior:

  • The icon's default size is large.
  • When using the Indigo theme and resizing the list, the icon resizes too.

The icon's default size for all themes should be medium. When resizing, the icon size should remain medium when using the Indigo theme.

Originated from IgniteUI/igniteui-angular#16414 (comment)

Reproduction

registerIconFromText(
  'wifi',
  '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M23.64 7c-.45-.34-4.93-4-11.64-4-1.5 0-2.89.19-4.15.48L18.18 13.8 23.64 7zm-6.6 8.22L3.27 1.44 2 2.72l2.05 2.06C1.91 5.76.59 6.82.36 7l11.63 14.49.01.01.01-.01 3.9-4.86 3.32 3.32 1.27-1.27-3.46-3.46z"/></svg>'
);
<igc-list>
  <igc-list-item>
    <igc-icon name="wifi" slot="end"></igc-icon>
  </igc-list-item>
</igc-list>

Open the storybook and observe the icon - the default size is large.
Change the theme to Indigo and resize the list - the icon resizes too.

Workaround

N/A

Is this a regression?

No or unsure. This never worker, or I haven't tried before.

Affected versions

any

Browser/OS/Node environment

N/A

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions