search

delahaye / dlh_googlemaps

Google Maps Extension für Contao
20 stars 26 forks source link

dlh_googlemap Klasse für Datenschutz Box vergeben #105

Open theDyingMountain opened 5 years ago

theDyingMountain commented 5 years ago

Es wäre sehr nützlich wenn der dlh_googlemap Container ebenfalls mit einer Klasse markiert wird, je nachdem ob er den #confirm-googlemaps Container oder die Karte enthält. Dadurch lässt sich vermeiden, dass die Bestätigungsbox bereits die Höhe der später geladenen Google Map erhält. Möglich wären z.B. die Klassen .is-map bzw. .is-confirm

Aybee commented 5 years ago

Sowas in der Art wollte ich auch gerade schreiben. Mein CSS sieht jetzt so aus.

.dlh_googlemap[style$="%;"] {
  padding: 0 !important;
}
#confirm-googlemaps {
  cursor: pointer;
}

Dies funktioniert, weil sich das inline-Style verändert, wenn die Map geladen wird.

<div class="dlh_googlemap block" id="dlh_googlemap_1" style="position:relative; width:100%; padding-bottom:62.5%;">...
<div class="dlh_googlemap block" id="dlh_googlemap_1" style="position:relative; width:100%; padding-bottom:62.5%; overflow:hidden;">...

Besser wäre es, wenn div.dlh_googlemap eine Klasse "not-confirmed" vergeben würde, welche dann über die Funktion gmap[ID]_allow() wieder entfernt wird.

Dann könnte unser CSS so aussehen:

.dlh_googlemap.not-confirmed {
  padding: 0 !important;
}
#confirm-googlemaps {
  cursor: pointer;
}