Custom webpart icons not clearly visible in full-width section

[nviolero]

Disclaimer

Yes

Sample

-

Contributor(s)

-

What happened?

Icons are not clearly visible when you implement a webpart and specifies a title with more than 18 characters and a custom png icon using the property "iconImageUrl".

Steps to reproduce

1. Create a webpart.
2. Update preconfiguredEntries in the manifest json with:

• Property 'title': add a title longer than 18 chars.
• Property 'iconImageUrl': add a custom png embedded.

3. Deploy the webpart and try to insert a new one from a full-width section
4. The custom icon image is not respecting the height of 28px , like the rest of icons.

SPFX version: 1.18.2

Expected behavior

The icon size should be clearly visible, like the rest of icons, with 28px of height.

Maybe this could be fixed removing the overflow: hidden from this class:

Target SharePoint environment

SharePoint Online

Developer environment

Windows

Browsers

• [ ] Internet Explorer
• [X] Microsoft Edge
• [ ] Google Chrome
• [ ] FireFox
• [ ] Safari
• [ ] mobile (iOS/iPadOS)
• [ ] mobile (Android)
• [ ] not applicable
• [ ] other (enter in the "Additional environment details" area below)

What version of Node.js is currently installed on your workstation?

18.19.1

What version of Node.js is required by the sample?

18.19.1

Paste the results of SPFx doctor

√ SharePoint Framework v1.18.2 √ Node v18.19.1 √ yo v5.0.0 √ gulp-cli v2.3.0 × typescript v4.7.4 installed in the project

Additional environment details

No response

[github-actions[bot]]

This issue has been marked as stale due to no progress in over 90 days. If you are still experiencing this issue, please provide additional information so we can help you resolve it.

[nviolero]

This seems to be fixed now.