fix: styles of context menu item content

[krava11i]

Previously when no icons or only select icons are used the item name was diplayed with the 1rem icon width. This fix enables the correct use of context-menu-items with and without icons.

Changelog

New

Changed

• context-menu-item styles

Removed

[netlify]

✅ Deploy Preview for carbon-components-angular ready!

Name	Link
🔨 Latest commit	f36757a
🔍 Latest deploy log	https://app.netlify.com/projects/carbon-components-angular/deploys/692d78dc6e466f00096d1d4f
😎 Deploy Preview	https://deploy-preview-3201--carbon-components-angular.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

DCO Assistant Lite bot All contributors have signed the DCO.

[krava11i]

I have read the DCO document and I hereby sign the DCO.

[krava11i]

recheck

[krava11i]

Oh, I saw this doesn't fix the problem and there allready is todo written in the code for this. I try to find another valid solution.

[krava11i]

I fixed the css selector to decide whether the icon class should be set or not. While doing this fix I stumbled upon a todo which said the class setting should listen for the onpush change detection. I implemented a solution for that but reverted it afterwards. From a usability point of view the spacing in the context-menu-item should be set on init so the content doesn't jump when selected or deselected. So I think this fix does the job. Now on init when an icon or type checkbox / radio is set all items are getting displayed with the icon space on the left and otherwise without it.