CSS crashes the img tags

Created on 20 October 2012, over 12 years ago
Updated 17 March 2023, almost 2 years ago

I had installed Openlayers. I then installed the Zen theme and many other modules and made many changes irrelevant to the Openlayers module without checking anything so far. I then tried to see what I had actually done and all of a sudden, the whole map(map tiles and overlay images) were stripped and squized and I couldn't understand why. Today, I found out the reason thanks to https://github.com/zurb/foundation/issues/26.
Zen (sub)theme includes by default the following statement in one of its CSS files:
img { max-width: 100%; }

Google/Yahoo/Openlayers Maps don't play well with this and it needs to be overriden to:
img { max-width:none; }.

This bug was encountered in Firefox. I haven't checked other browsers but I suspect it's global.

🐛 Bug report
Status

Needs review

Version

2.0

Component

Miscellaneous

Created by

🇬🇷Greece vensires

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024