Open jessieiswise opened 1 week ago
I came across this as well and came to a similar conclusion. Why the CSS is presenting itself this way is really weird.
Additionally, I do not understand why the customSize
attribute is added to this by default. That attribute is only to be applied when a different constraint is added to the outer parent of the icon. Even with this code corrected, without a parent constraint on the size, you get the same large icon result.
Please verify the version of auro-alert you have installed
v3.0.2
Please describe the bug
1 Install auro alert 3.0.2 in a vue app 2 add Auro-alert to component 3 Observe the icon is incorrectly sized
Reproducing the error
None
Expected behavior
Properly sized icon
What browsers are you seeing the problem on?
No response
Additional context
When digging into this, I found that the culprit was this css rule:
Note in the Auro demo page, the css rule looks like this:
If I fix the rule in the demo page so that it is actually applied, the same bug appears. I think this may be visible on the vue app due to how it is rendered