search

unimelb / unimelb-design-system

A complete design system for the University of Melbourne
https://web.unimelb.edu.au
30 stars 12 forks source link

Adjust image height to fix distortion. #939

Open gepifanio opened 5 years ago

gepifanio commented 5 years ago

Expected behaviour

image

Actual behaviour

image

Steps to reproduce

There’s a CSS selector for img’s:

.uomcontent imgwhich has max-width: 100%; explicitly set, but we actually don’t have height: auto; explicitly set (not sure why).

Usually should default to auto anyway - however, the CMS in some instances is automatically adding inline height="" values on our img’s so the images get distorted :disappointed:

Can we get a height: auto; added in? not sure of the method of doing this or where the source file actually sits (edited) e.g. see top image here: https://staff.unimelb.edu.au/web-support/service-now-support/creating-a-report-to-act-as-your-queue