Template:MapLightbox: Difference between revisions

← Older edit Newer edit →

@@ Line 2: / Line 2: @@
 {{#tag:html|
 <a href="#" class="open-map-lightbox">📍 View map</a>
-<div id="map-lightbox" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:10000;">
+<div id="map-lightbox">
-   <div style="position:relative; width:90%; max-width:1000px; height:80%; margin:5% auto; background:#000;">
+   <div class="map-lightbox-content">
-     <iframe src="{{{url}}}" style="width:100%; height:100%; border:none;"></iframe>
+     <iframe src="{{{url}}}" allowfullscreen></iframe>
-     <button id="close-map-lightbox" style="position:absolute; top:10px; right:10px; background:#fff; border:none; padding:5px 10px; font-weight:bold;">✕</button>
+     <button id="close-map-lightbox">✕</button>
    </div>
 </div>
 |parse=yes}}
 </includeonly>