Valogeo/loko
Valogeo/loko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(mobile): enforce absolute positioning on map markers to prevent vertical layout drift

Browse source
This commit is contained in:
kdeterme 2026-10-09 22:53:42 +02:00
parent fbd1bc452f
commit 61ce1d3a4d
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
loko/mobile/templates/mobile/assets/assets_index_mobile.html
View file

@ -239,6 +239,14 @@
box-shadow: 0 0 10px rgba(13, 110, 253, 0.7); 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 */ /* Marqueur asset ponctuel standard */
.asset-map-marker { .asset-map-marker {
width: 32px; width: 32px;
@ -255,10 +263,6 @@
transition: none !important; transition: none !important;
padding: 3px; padding: 3px;
box-sizing: border-box; box-sizing: border-box;
position: relative;
}
.maplibregl-marker {
transition: none !important;
} }
.asset-map-marker i { .asset-map-marker i {
display: inline-flex; display: inline-flex;
@ -291,7 +295,6 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
position: relative;
background: transparent !important; background: transparent !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
@ -345,7 +348,6 @@
.asset-map-assembly { .asset-map-assembly {
width: 28px; width: 28px;
height: 0px; height: 0px;
position: relative;
cursor: pointer; cursor: pointer;
pointer-events: none; pointer-events: none;
background: transparent !important; background: transparent !important;
@ -525,7 +527,6 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
position: relative;
background: transparent !important; background: transparent !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
@ -605,7 +606,6 @@
.asset-map-marker-pole { .asset-map-marker-pole {
width: 24px; width: 24px;
height: 24px; height: 24px;
position: relative;
cursor: pointer; cursor: pointer;
background: transparent !important; background: transparent !important;
border: none !important; border: none !important;
@ -714,7 +714,6 @@
border-width: 3px !important; border-width: 3px !important;
background-color: #fef08a !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; 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 { .asset-map-marker.selected::after {
content: ''; content: '';