mirror of
https://github.com/discourse/discourse.git
synced 2025-01-19 02:52:44 +08:00
7edc941843
Browsers automatically calculate an aspect ratio based on the width/height attributes of an `<img`. HOWEVER that aspect ratio only applies while the image is loading. Once loaded, it'll use the image's actual dimensions. This can cause things to jump around after loading. For example: - if a user deliberately inserts false width/height - the image fails to load (404) - an optimised image is a few pixels different, due to a rounding when resizing This decorator explicitly sets the `aspect-ratio` property so that things are consistent throughout the lifetime of all `<img` elements. |
||
---|---|---|
.. | ||
common | ||
desktop | ||
mobile | ||
vendor | ||
admin.scss | ||
color_definitions.scss | ||
common.scss | ||
desktop_rtl.scss | ||
desktop.scss | ||
embed.scss | ||
ember_cli.scss | ||
mobile_rtl.scss | ||
mobile.scss | ||
publish_desktop_rtl.scss | ||
publish_desktop.scss | ||
publish_mobile_rtl.scss | ||
publish_mobile.scss | ||
publish.scss | ||
test_helper.scss | ||
testem.scss | ||
wcag.scss | ||
wizard.scss |