i add a geolocation field with gmap, in the node edit page, the gmap canvas doesn't show correctly, the zoom control toolbar was not right, see image. and i find out, it happens with some theme. does anybody have an idea, how could i make it right?

gmap error

CommentFileSizeAuthor
gmap.png98.81 KBfunature

Comments

funature’s picture

funature commented

ok, it is a general gmap css issue, many response theme using 

img {
max-width: 100%;
}

this caused the problem, so we should add

.geolocation-map img{
max-width:none;
}
derjochenmeyer’s picture

derjochenmeyer commented

Thanks for sharing this. Do you have a patch for this :)

baltazarz3’s picture

baltazarz3 commented

#1 worked great for me. thanks for support!

ddaniel.gomez’s picture

ddaniel.gomez commented

Dont work for me :(
I add to style.css (first only the second style, no work; then first and second style, no work).
I add to gmap.css (test the same, but no work).

More ideas to try? It´s a real problem...

Thanks in advance.

bartch’s picture

bartch commented

Just add !important.

.geolocation-map img{
max-width:none !important;
}
.geolocation-map label { 
  width: auto; display:inline; 
}
prophet108’s picture

prophet108 commented

Thank You!

sebto’s picture

sebto commented
Issue summary: View changes

Thanks. #1 works for me.

giorgosk’s picture

giorgosk
Location Chios, Greece 🇬🇷
commented

#5 works like a charm in my custom theme

christianadamski’s picture

christianadamski commented
Component: User interface » Geolocation Field / Backend
Status: Active » Closed (won't fix)

Closing all 7.x issues. It's time.