From 61ce1d3a4d3be8832f97102aadd1da5d22a340db Mon Sep 17 00:00:00 2001 From: kdeterme Date: Fri, 9 Oct 2026 22:53:42 +0200 Subject: [PATCH] fix(mobile): enforce absolute positioning on map markers to prevent vertical layout drift --- .../mobile/assets/assets_index_mobile.html | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/loko/mobile/templates/mobile/assets/assets_index_mobile.html b/loko/mobile/templates/mobile/assets/assets_index_mobile.html index 1a16343..d3bf393 100644 --- a/loko/mobile/templates/mobile/assets/assets_index_mobile.html +++ b/loko/mobile/templates/mobile/assets/assets_index_mobile.html @@ -239,6 +239,14 @@ box-shadow: 0 0 10px rgba(13, 110, 253, 0.7); } + /* Forcer tous les marqueurs MapLibre en position absolue sans perturber le flux du conteneur */ + .maplibregl-marker { + position: absolute !important; + top: 0 !important; + left: 0 !important; + transition: none !important; + } + /* Marqueur asset ponctuel standard */ .asset-map-marker { width: 32px; @@ -255,10 +263,6 @@ transition: none !important; padding: 3px; box-sizing: border-box; - position: relative; - } - .maplibregl-marker { - transition: none !important; } .asset-map-marker i { display: inline-flex; @@ -291,7 +295,6 @@ align-items: center; justify-content: center; cursor: pointer; - position: relative; background: transparent !important; border: none !important; box-shadow: none !important; @@ -345,7 +348,6 @@ .asset-map-assembly { width: 28px; height: 0px; - position: relative; cursor: pointer; pointer-events: none; background: transparent !important; @@ -525,7 +527,6 @@ align-items: center; justify-content: center; cursor: pointer; - position: relative; background: transparent !important; border: none !important; box-shadow: none !important; @@ -605,7 +606,6 @@ .asset-map-marker-pole { width: 24px; height: 24px; - position: relative; cursor: pointer; background: transparent !important; border: none !important; @@ -714,7 +714,6 @@ border-width: 3px !important; background-color: #fef08a !important; box-shadow: 0 0 0 4px rgba(254, 240, 138, 0.9), 0 4px 14px rgba(0, 0, 0, 0.45) !important; - position: relative; } .asset-map-marker.selected::after { content: '';