diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css index b272344..be87c9d 100644 --- a/themes/intotheeast/css/style.css +++ b/themes/intotheeast/css/style.css @@ -654,6 +654,7 @@ body::after { } .feed-map { + position: relative; height: 240px; width: 100%; } @@ -664,7 +665,7 @@ body::after { .feed-map-fullscreen-btn { position: absolute; - top: var(--space-2); + bottom: var(--space-2); right: var(--space-2); width: 2rem; height: 2rem; @@ -676,7 +677,7 @@ body::after { display: flex; align-items: center; justify-content: center; - z-index: 20; + z-index: 1000; box-shadow: var(--shadow-sm); transition: background 0.15s; } diff --git a/themes/intotheeast/templates/dailies.html.twig b/themes/intotheeast/templates/dailies.html.twig index 075bc32..94665d4 100644 --- a/themes/intotheeast/templates/dailies.html.twig +++ b/themes/intotheeast/templates/dailies.html.twig @@ -37,13 +37,14 @@ {% if map_entries|length > 0 %}
-
- +
+ +
View full map →
@@ -59,8 +60,10 @@ var feedMap = new maplibregl.Map({ container: 'feed-map', style: MapUtils.MAP_STYLE, center: [20, 20], - zoom: 2 + zoom: 2, + attributionControl: false }); +feedMap.addControl(new maplibregl.AttributionControl({ compact: true }), 'bottom-left'); feedMap.on('load', function () { var bounds = new maplibregl.LngLatBounds();