fix: clic carte ferme le panel, stopPropagation sur marker, max-height panel
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -8,8 +8,8 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Fredoka:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<script type="module" crossorigin src="/assets/index-Dx6Cc7t_.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-DJNP4QZp.css">
|
||||
<script type="module" crossorigin src="/assets/index-D427S7Nc.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-CJwa9VxM.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
@@ -266,6 +266,7 @@ export default function SargassesMap({ onSpotSelect, selectedSpotId, activeStep,
|
||||
onMove={e => setViewState(e.viewState)}
|
||||
onMoveEnd={loadLayers}
|
||||
onLoad={handleMapLoad}
|
||||
onClick={() => onSpotSelect(null)}
|
||||
mapStyle={mapStyle}
|
||||
style={{ width: '100%', height: '100vh' }}
|
||||
>
|
||||
@@ -308,7 +309,7 @@ export default function SargassesMap({ onSpotSelect, selectedSpotId, activeStep,
|
||||
longitude={coords.lng}
|
||||
latitude={coords.lat}
|
||||
anchor="center"
|
||||
onClick={() => onSpotSelect(spot)}
|
||||
onClick={e => { e.originalEvent.stopPropagation(); onSpotSelect(spot); }}
|
||||
>
|
||||
<SpotMarker level={level} scoreValue={scoreValue} scoreDist={scoreDist} isSelected={isSelected} name={spot.name} />
|
||||
</Marker>
|
||||
|
||||
@@ -4,6 +4,8 @@
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: min(420px, calc(100vw - 32px));
|
||||
max-height: calc(100vh - 90px);
|
||||
overflow-y: auto;
|
||||
background: #fffbf0;
|
||||
border: 3px solid #333;
|
||||
border-radius: 20px;
|
||||
|
||||
Reference in New Issue
Block a user