enfance-libre
/
resistants
mirror of https://framagit.org/enfance-libre/resistants
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: carte - popup zindex

main
Sébastien Arod 2024-12-09 21:10:12 +01:00
parent 53db9f6e41
commit 723420a168
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/routes/Liste/Map/ResistantsMap.tsx
View File

@ -29,7 +29,7 @@ export default ({ resistants }: Props) => {
mapStyle={`https://api.maptiler.com/maps/streets-v2/style.json?key=${accessToken}`} mapStyle={`https://api.maptiler.com/maps/streets-v2/style.json?key=${accessToken}`}
> >
<NavigationControl /> <NavigationControl />
{resistants.map((r) => ( {resistants.map((r, idx) => (
<Marker <Marker
key={`marker-${r.id}`} key={`marker-${r.id}`}
longitude={r.longitude} longitude={r.longitude}
@ -40,7 +40,8 @@ export default ({ resistants }: Props) => {
selectResistant(r); selectResistant(r);
}} }}
style={{ style={{
zIndex: isAncienResistant(r) ? 0:50 // Affiche les marqueurs des résistants en haut de liste avec le zIndex le plus élevé.
zIndex: resistants.length - idx
}} }}
> >
<Picto resistant={r} /> <Picto resistant={r} />
@ -52,7 +53,7 @@ export default ({ resistants }: Props) => {
longitude={selectedResistant.longitude} longitude={selectedResistant.longitude}
latitude={selectedResistant.latitude} latitude={selectedResistant.latitude}
anchor="bottom" anchor="bottom"
style={{ minWidth: "40em", padding: "1em" }} style={{ minWidth: "40em", padding: "1em", zIndex: resistants.length + 10 }}
onClose={() => selectResistant(null)} onClose={() => selectResistant(null)}
> >
<PopupContent resistant={selectedResistant} /> <PopupContent resistant={selectedResistant} />