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

View File

@ -29,7 +29,7 @@ export default ({ resistants }: Props) => {
mapStyle={`https://api.maptiler.com/maps/streets-v2/style.json?key=${accessToken}`}
>
<NavigationControl />
{resistants.map((r) => (
{resistants.map((r, idx) => (
<Marker
key={`marker-${r.id}`}
longitude={r.longitude}
@ -40,7 +40,8 @@ export default ({ resistants }: Props) => {
selectResistant(r);
}}
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} />
@ -52,7 +53,7 @@ export default ({ resistants }: Props) => {
longitude={selectedResistant.longitude}
latitude={selectedResistant.latitude}
anchor="bottom"
style={{ minWidth: "40em", padding: "1em" }}
style={{ minWidth: "40em", padding: "1em", zIndex: resistants.length + 10 }}
onClose={() => selectResistant(null)}
>
<PopupContent resistant={selectedResistant} />