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.
Comment | File | Size | Author |
---|---|---|---|
#5 | CSS-crashes-img-tags-fixes-349313-5-D7.patch | 627 bytes | Muskan kumari |
Comments
Comment #1
dasjoso you have discovered that this isn't caused by Openlayers but the Css library/theme that you were using and one can fix it by overriding max-width: none for img tags within maps.
i'd say thanks for sharing and we can mark it fixed :)
Comment #2
vensires CreditAttribution: vensires commentedAfter contacting zzolo he answered "this seems like it should be a specific CSS change to the module". As a result I take the change of reopening this and leaving it a "needs review" status.
Comment #3
PolPlease, provide a patch and I'll include it asap.
Comment #4
PolSee #1816826: Make responsive themes work with OpenLayers.
Comment #5
Muskan kumari CreditAttribution: Muskan kumari at TO THE NEW commentedHi,
I have added a patch for this issues fixes, please verify it.
Comment #6
steinmb CreditAttribution: steinmb as a volunteer commented