dlh_googlemaps icon indicating copy to clipboard operation
dlh_googlemaps copied to clipboard

dlh_googlemap Klasse für Datenschutz Box vergeben

Open theDyingMountain opened this issue 7 years ago • 1 comments

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

theDyingMountain avatar Sep 04 '18 07:09 theDyingMountain

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;
}

Aybee avatar Oct 25 '18 18:10 Aybee