mirror of
https://github.com/discourse/discourse.git
synced 2026-08-09 21:45:25 +08:00
b117a89410This sets width and height attributes for our SVG icons. This helps avoid a flash of unstyled SVG icons, which makes them appear gigantic in some situations (live reload in dev environments may be the most obvious). The width/height here will be overridden by existing CSS, because inline presentation attributes have lower priority than other CSS. We already set the same `1em` width/height on `.svg-icon` in our `svg.scss` file... so there shouldn't be any significant impact beyond making some loading situations more pleasant! Some reference on this situation: https://www.sarasoueidan.com/blog/svg-style-inheritance-and-fousvg/ Before: <img width="1364" height="1422" alt="image" src="https://github.com/user-attachments/assets/023e8a9b-718f-425e-8e76-eff07e91389b" /> After: <img width="1320" height="1360" alt="image" src="https://github.com/user-attachments/assets/4754b092-c62c-4fd3-bde9-c952b6020d2b" /> |
||
|---|---|---|
| .. | ||
| acceptance | ||
| helpers | ||
| integration | ||
| lib | ||
| unit | ||
