Skip to content
This repository has been archived by the owner on Jan 1, 2025. It is now read-only.

dlh_googlemap Klasse für Datenschutz Box vergeben #105

Open
theDyingMountain opened this issue Sep 4, 2018 · 1 comment
Open

dlh_googlemap Klasse für Datenschutz Box vergeben #105

theDyingMountain opened this issue Sep 4, 2018 · 1 comment

Comments

@theDyingMountain
Copy link

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
Copy link

Aybee commented Oct 25, 2018

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants