You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using it with custom icons : <ion-icon src="assets/icons/wifi.svg"></ion-icon>
Because of the Shadow DOM we can't style at all the content of the SVG. Any custom SVG used is always a square because of the this css lines :
By adding a part="svg" it would be possible to have more flexibility to style the SVG from the outside. In my case setting height to auto, but it could be to change the color of a specific path or anything else.
The text was updated successfully, but these errors were encountered:
When using it with custom icons :
<ion-icon src="assets/icons/wifi.svg"></ion-icon>
Because of the Shadow DOM we can't style at all the content of the SVG. Any custom SVG used is always a square because of the this css lines :
ionicons/src/components/icon/icon.css
Lines 27 to 34 in 8c2a507
By adding a
part="svg"
it would be possible to have more flexibility to style the SVG from the outside. In my case setting height to auto, but it could be to change the color of a specific path or anything else.The text was updated successfully, but these errors were encountered: