On a phone the gap workflow was hiding behind a label that said "notes"
Some checks are pending
build-gate / build (push) Waiting to run

The pin-hint fix covered the group sheet; the other two full-height sheets had not been
exercised. They are fine — the country sheet and both gap views hide the hint, fit 390px
with no horizontal overflow, and throw no page errors.

Getting that answer took two attempts, and the first attempt is the finding. The probe
clicked the pin filter and the "see the largest" button, got three states back, and
passed. All three were the SAME state: the country sheet, three times. Nothing had been
clicked, because at phone width those controls are inside the collapsed legend and are
not reachable until it is opened.

Which is the real defect. The panel is labelled "Key & notes", but it also holds the pin
FILTERS — deliberately, because the key doubles as the filter, and the component says so:
"a reader who has just understood what a colour means is exactly the reader who wants to
see only that colour". On a phone that design puts the entire gap workflow behind a
label advertising documentation. Reaching the ranked gap list means opening "notes"
first, and a reader with no reason to open notes never finds it.

It now reads "Key & filters" / "Hide key & filters".

Verified after the fix with the legend actually opened: the three sheets are now three
distinct states — "Indonesia...", "Largest groups with nothing found...", "Where the gap
concentrates..." — each with the hint hidden, docWidth equal to viewport width, no
overflowing child and no page errors. Screenshot read at 390px.
This commit is contained in:
doxa-maps-88655c70 2026-09-24 14:25:45 +00:00
parent 4eec165a2b
commit 9484a98bbd
9 changed files with 19 additions and 14 deletions

View file

@ -918,7 +918,12 @@ useShadowStyles(
</div>
<button v-if="narrow" type="button" class="gm-fold" @click="legendOpen = !legendOpen"
:aria-expanded="legendOpen ? 'true' : 'false'">
{{ legendOpen ? 'Hide key &amp; notes' : 'Key &amp; notes' }}
<!-- "Key & notes" advertised only half of what is behind it. This panel also holds
the pin FILTERS — by design, because the key doubles as the filter (see below) —
so on a phone the whole gap workflow sat behind a label that sounded like
documentation. Reaching the ranked gap list means opening this first, and a
reader with no reason to open "notes" never finds it. -->
{{ legendOpen ? 'Hide key &amp; filters' : 'Key &amp; filters' }}
</button>
<div v-show="!narrow || legendOpen" class="gm-title">
{{ mode === 'gap'

View file

@ -26,7 +26,7 @@
<script>window.MAP_APP_API_URL = "https://pray.doxa.life";</script>
<!-- Bundle IIFE — registers the <gospel-resources-map> custom element. -->
<script src="../gospel-resources.js" integrity="sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI" crossorigin="anonymous"></script>
<script src="../gospel-resources.js" integrity="sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m" crossorigin="anonymous"></script>
<script>
// Mapbox token resolution — the A3 ladder, in precedence order:

View file

@ -26,7 +26,7 @@
<script>window.MAP_APP_API_URL = "https://pray.doxa.life";</script>
<!-- Bundle IIFE — registers the <gospel-resources-map> custom element. -->
<script src="../gospel-resources.js" integrity="sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI" crossorigin="anonymous"></script>
<script src="../gospel-resources.js" integrity="sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m" crossorigin="anonymous"></script>
<script>
// Mapbox token resolution — the A3 ladder, in precedence order:

View file

@ -40,7 +40,7 @@
<script>window.MAP_APP_API_URL = "https://pray.doxa.life";</script>
<!-- Bundle IIFE — registers the <gospel-resources-map> custom element. -->
<script src="../gospel-resources.js" integrity="sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI" crossorigin="anonymous"></script>
<script src="../gospel-resources.js" integrity="sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m" crossorigin="anonymous"></script>
<script>
// Mapbox token resolution — the A3 ladder, in precedence order:

File diff suppressed because one or more lines are too long

View file

@ -26,7 +26,7 @@
<script>window.MAP_APP_API_URL = "https://pray.doxa.life";</script>
<!-- Bundle IIFE — registers the <gospel-resources-map> custom element. -->
<script src="../gospel-resources.js" integrity="sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI" crossorigin="anonymous"></script>
<script src="../gospel-resources.js" integrity="sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m" crossorigin="anonymous"></script>
<script>
// Mapbox token resolution — the A3 ladder, in precedence order:

View file

@ -29,7 +29,7 @@
<script>window.MAP_APP_API_URL = "https://pray.doxa.life";</script>
<!-- Bundle IIFE — registers the <gospel-resources-map> custom element. -->
<script src="../gospel-resources.js" integrity="sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI" crossorigin="anonymous"></script>
<script src="../gospel-resources.js" integrity="sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m" crossorigin="anonymous"></script>
<script>
// Mapbox token resolution — the A3 ladder, in precedence order:

File diff suppressed because one or more lines are too long

View file

@ -591,7 +591,7 @@
"bundle": "gospel-resources",
"scriptUrl": "./gospel-resources/gospel-resources.js",
"output": "doxa-maps/gospel-resources/gospel-resources.js",
"integrity": "sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI",
"integrity": "sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m",
"elements": [
"gospel-resources-map"
],
@ -611,7 +611,7 @@
"scriptUrl": "./gospel-resources/gospel-resources.js",
"embed": {
"iframe": "<iframe src=\"./gospel-resources/charts/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen></iframe>",
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./gospel-resources/gospel-resources.js\" integrity=\"sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI\" crossorigin=\"anonymous\"></script>\n<gospel-resources-map profile-config='{\"profile\":\"charts\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></gospel-resources-map>"
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./gospel-resources/gospel-resources.js\" integrity=\"sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m\" crossorigin=\"anonymous\"></script>\n<gospel-resources-map profile-config='{\"profile\":\"charts\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></gospel-resources-map>"
}
},
{
@ -625,7 +625,7 @@
"scriptUrl": "./gospel-resources/gospel-resources.js",
"embed": {
"iframe": "<iframe src=\"./gospel-resources/data-tables/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen></iframe>",
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./gospel-resources/gospel-resources.js\" integrity=\"sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI\" crossorigin=\"anonymous\"></script>\n<gospel-resources-map profile-config='{\"profile\":\"data-tables\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></gospel-resources-map>"
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./gospel-resources/gospel-resources.js\" integrity=\"sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m\" crossorigin=\"anonymous\"></script>\n<gospel-resources-map profile-config='{\"profile\":\"data-tables\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></gospel-resources-map>"
}
},
{
@ -639,7 +639,7 @@
"scriptUrl": "./gospel-resources/gospel-resources.js",
"embed": {
"iframe": "<iframe src=\"./gospel-resources/gospel-dashboard/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen></iframe>",
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./gospel-resources/gospel-resources.js\" integrity=\"sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI\" crossorigin=\"anonymous\"></script>\n<gospel-resources-map profile-config='{\"profile\":\"gospel-dashboard\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></gospel-resources-map>"
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./gospel-resources/gospel-resources.js\" integrity=\"sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m\" crossorigin=\"anonymous\"></script>\n<gospel-resources-map profile-config='{\"profile\":\"gospel-dashboard\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></gospel-resources-map>"
}
},
{
@ -653,7 +653,7 @@
"scriptUrl": "./gospel-resources/gospel-resources.js",
"embed": {
"iframe": "<iframe src=\"./gospel-resources/resources-list/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen></iframe>",
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./gospel-resources/gospel-resources.js\" integrity=\"sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI\" crossorigin=\"anonymous\"></script>\n<gospel-resources-map profile-config='{\"profile\":\"resources-list\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></gospel-resources-map>"
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./gospel-resources/gospel-resources.js\" integrity=\"sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m\" crossorigin=\"anonymous\"></script>\n<gospel-resources-map profile-config='{\"profile\":\"resources-list\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></gospel-resources-map>"
}
},
{
@ -667,7 +667,7 @@
"scriptUrl": "./gospel-resources/gospel-resources.js",
"embed": {
"iframe": "<iframe src=\"./gospel-resources/resources-map/index.html?utm_source=YOUR_SOURCE\" width=\"100%\" height=\"600\" style=\"border:none;border-radius:12px;\" allowfullscreen></iframe>",
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./gospel-resources/gospel-resources.js\" integrity=\"sha384-Hu/hl1/0RgdMPSFmq7YTCH/NFQr7CM6IBydWB4mchfVVQpmdnpV+RjFufCxUfOpI\" crossorigin=\"anonymous\"></script>\n<gospel-resources-map profile-config='{\"profile\":\"resources-map\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></gospel-resources-map>"
"script": "<script>window.MAP_APP_API_URL=\"https://pray.doxa.life\";</script>\n<script src=\"./gospel-resources/gospel-resources.js\" integrity=\"sha384-NfnelqhIUAYNfRgFUORa0o69lAWqvF2gI0LGY0VPbMDx0ENlU9H4BYPnIcUPV75m\" crossorigin=\"anonymous\"></script>\n<gospel-resources-map profile-config='{\"profile\":\"resources-map\",\"tk\":\"YOUR_MAPBOX_TOKEN\",\"utmSource\":\"YOUR_SOURCE\",\"assetsBase\":\"YOUR_TREE_URL/assets\"}'></gospel-resources-map>"
}
}
]