kobotoolbox / kpi / 23861711821

82%

master: 76%

push

github

fix(map): enable map settings button when were are no geopoint responses DEV-1769 (#6828)

### 📣 Summary
Allows the map settings button to show on top of the overlay if there
are no geopoint responses

### 💭 Notes
Uses conditional CSS classes with different z-indexes to create
"disabled" buttons (hiding behind the overlay). Some of the older
z-indexes seemed to be useless as all z-indexes related to the map must
operate around the leaflet overlay and its buttons (z-index of 1000) so
they were removed.

### 👀 Preview steps
1. ℹ️ have an account and 2 projects
2. have one project have no `geopoint` questions
3. have the other project have 2 `geopoint` questions
4. only answer the second geopoint question in the second form

For project with 2 geopoint questions:
1. Go to data tab -> map
2. 🔴 [on main] notice that there is no way to navigate to the second
geopoint question that has responses
3. 🟢 [on pr] notice that the overlay text is updated and only the map
settings button is clickable
4. click on map settings and change the question to the one that has
geopoint responses
5. 🟢 notice that the geopoint question shows as expected
6. click on map settings and navigate back to the first geopoint
question
7. 🟢 notice that the overlay shows again and the map settings button is
still available

For project with no geopoint questions:
1. Go to data tab -> map
8. 🟢 [on pr] notice that the overlay text is updated and no buttons are
clickable (including the zoom buttons)

---------

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

7655 of 11997 branches covered (63.81%)

29308 of 36074 relevant lines covered (81.24%)

3.97 hits per line