Move scalebar inside map for positioning

bcgov · Apr 2, 2024 · d70fa64 · d70fa64
1 parent b79780a
commit d70fa64
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/web/src/features/fba/components/map/FBAMap.tsx b/web/src/features/fba/components/map/FBAMap.tsx
@@ -362,9 +362,9 @@ const FBAMap = (props: FBAMapProps) => {
               snowDescription={getSnowDateMessage()}
             />
           </Box>
+          <ScalebarContainer ref={scaleRef} />
         </Box>
       </MapContext.Provider>
-      <ScalebarContainer ref={scaleRef} />
     </ErrorBoundary>
   )
 }

diff --git a/web/src/features/fba/components/map/ScaleBarContainer.tsx b/web/src/features/fba/components/map/ScaleBarContainer.tsx
@@ -12,7 +12,8 @@ const ScalebarContainer = forwardRef((_, ref) => {
         position: 'absolute',
         right: '10px',
         bottom: '10px',
-        overflow: 'hidden'
+        overflow: 'hidden',
+        zIndex: 1
       }}
     >
       <Box