From 42939db1b09e156c08057ee5517faa8f83725868 Mon Sep 17 00:00:00 2001 From: Christian Gick Date: Sat, 4 Apr 2026 10:26:05 +0300 Subject: [PATCH] fix: remove overflow:hidden + border-radius to prevent GPU compositing layer These CSS properties force a separate compositing layer which the GPU tiles internally, creating horizontal seam artifacts on retina displays. Co-Authored-By: Claude Opus 4.6 (1M context) --- layouts/shortcodes/world-map.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layouts/shortcodes/world-map.html b/layouts/shortcodes/world-map.html index e1c53f2..122c851 100644 --- a/layouts/shortcodes/world-map.html +++ b/layouts/shortcodes/world-map.html @@ -5,7 +5,7 @@ .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; } +.ifk-map-container { position: relative; width: 100%; height: 420px; } .ifk-map-canvas { width: 100%; height: 100%; display: block; cursor: grab; image-rendering: auto; } .ifk-map-canvas:active { cursor: grabbing; } .ifk-map-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 4px; z-index: 10; }