m038/intotheeast-com-content
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(map): collapse attribution on load; darken fullscreen button

Browse Source 
Attribution: MapLibre v4 uses <details> and may open it after load
regardless of compact:true — remove the open attribute in the load
handler to guarantee collapsed state.

Button: switch from teal to --color-canvas (#22201B) so it sits quietly
against the dark map; icon reads in --color-ink (warm cream).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
Mischa
2026-06-22 01:05:12 +02:00
parent 5fe8c015f1
commit aa1cb7411c
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/intotheeast/css/style.css
+3 -3
View File
@@ -669,10 +669,10 @@ body::after {
right: var(--space-2); right: var(--space-2);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
background: var(--color-accent); background: var(--color-canvas);
border: none; border: none;
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
color: var(--color-accent-on); color: var(--color-ink);
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -682,7 +682,7 @@ body::after {
transition: background 0.15s; transition: background 0.15s;
} }
.feed-map-fullscreen-btn:hover { background: var(--color-accent-hover); } .feed-map-fullscreen-btn:hover { background: var(--color-paper); }
.feed-map-fs-close { display: none; font-size: 1rem; line-height: 1; } .feed-map-fs-close { display: none; font-size: 1rem; line-height: 1; }
themes/intotheeast/templates/trip.html.twig
+4
View File
@@ -306,6 +306,10 @@ tripMap.on('load', function () {
/* ── GPX tracks + journey segments ─────────────────────────── */ /* ── GPX tracks + journey segments ─────────────────────────── */
MapUtils.renderGpxJourney(tripMap, USE_GPX ? GPX_URLS : [], TRIP_ENTRIES, 'gpx', 'trip-journey', { connectMode: AUTOCONNECT }); MapUtils.renderGpxJourney(tripMap, USE_GPX ? GPX_URLS : [], TRIP_ENTRIES, 'gpx', 'trip-journey', { connectMode: AUTOCONNECT });
// Collapse attribution <details> which MapLibre may open on load
var attrib = tripMap.getContainer().querySelector('.maplibregl-ctrl-attrib');
if (attrib) attrib.removeAttribute('open');
}); });
setTimeout(function () { tripMap.resize(); }, 100); setTimeout(function () { tripMap.resize(); }, 100);