From 82760e3263eef6dc0f519e434dc7c9f80e4e84ab Mon Sep 17 00:00:00 2001 From: Christian Gick Date: Sat, 4 Apr 2026 10:08:50 +0300 Subject: [PATCH] fix: move ocean background to SVG element itself GPU tile seams show parent container background through gaps. Moving background to the SVG element puts it in the same compositing layer as the path fills, so tile seams split both identically. Co-Authored-By: Claude Opus 4.6 (1M context) --- layouts/shortcodes/world-map.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/layouts/shortcodes/world-map.html b/layouts/shortcodes/world-map.html index 2da7430..3865e69 100644 --- a/layouts/shortcodes/world-map.html +++ b/layouts/shortcodes/world-map.html @@ -5,8 +5,8 @@ .ifk-map-wrap { max-width: 100%; margin: 2rem 0; } .ifk-map-wrap h3 { text-align: center; margin-bottom: 0.5rem; font-size: 1.25rem; } .ifk-map-subtitle { text-align: center; color: #666; font-size: 0.85rem; margin-bottom: 1rem; } -.ifk-map-container { position: relative; width: 100%; height: 420px; border-radius: 8px; overflow: hidden; background: #c8d3df; contain: strict; isolation: isolate; will-change: contents; } -.ifk-map-svg { width: 100%; height: 100%; display: block; cursor: grab; } +.ifk-map-container { position: relative; width: 100%; height: 420px; border-radius: 8px; overflow: hidden; } +.ifk-map-svg { width: 100%; height: 100%; display: block; cursor: grab; background: #c8d3df; } .ifk-map-svg:active { cursor: grabbing; } .ifk-map-svg .country { stroke: #94a3b8; stroke-width: 0.3; transition: stroke-width 0.15s; } .ifk-map-svg .country.has-data:hover { stroke: #667eea; stroke-width: 1.2; cursor: pointer; }