doxa-life/doxa-maps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Stop the search box clipping the word "code" on a phone

Browse source 
At 390px the placeholder read "Find a people group, language or ISO
cod" — losing the one word that tells a reader an ISO code is accepted
at all, on the control most likely to be used first. Measured: 40
characters of text in 279px of room.

The short form keeps all three things the box accepts and fits with
room to spare, 185px of 279. The full phrase still shows at desktop
width, and the aria-label stays long either way, because a screen
reader has no width to run out of.

Found by checking phone layout after a flight of additions to this
sheet — five gap tabs, a filter, new chips and the bridge panel all
arrived without anyone looking at 390px. The rest held up: no
horizontal overflow, the chips wrap, the sheet scrolls, and the bridge
panel renders at 358px.
This commit is contained in:
doxa-maps-88655c70 2026-09-24 23:25:28 +00:00
parent d55285eafe
commit 2f77da9d5b
9 changed files with 25 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
plugin-designs/gospel-resources/resources-map.vue
View file

@ -1077,7 +1077,11 @@ useShadowStyles(
<div class="gm-legend">
<div class="gm-search">
<input type="search" class="gm-q" v-model="q" placeholder="Find a people group, language or ISO code"
<!-- The full phrase clips to "…ISO cod" at 390px, which loses the one word that tells
a reader an ISO CODE is accepted at all. The short form keeps all three things it
accepts; the aria-label stays long, because a screen reader has no width. -->
<input type="search" class="gm-q" v-model="q"
:placeholder="narrow ? 'Group, language or ISO code' : 'Find a people group, language or ISO code'"
aria-label="Find a people group, language or ISO code">
<button v-if="q" type="button" class="gm-qx" @click="q = ''" aria-label="Clear search">&times;</button>
</div>

2
public/doxa-maps/gospel-resources/charts/index.html generated
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-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf" crossorigin="anonymous"></script>
<script src="../gospel-resources.js" integrity="sha384-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06" crossorigin="anonymous"></script>
<script>
// Mapbox token resolution — the A3 ladder, in precedence order:

2
public/doxa-maps/gospel-resources/data-tables/index.html generated
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-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf" crossorigin="anonymous"></script>
<script src="../gospel-resources.js" integrity="sha384-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06" crossorigin="anonymous"></script>
<script>
// Mapbox token resolution — the A3 ladder, in precedence order:

2
public/doxa-maps/gospel-resources/gospel-dashboard/index.html generated
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-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf" crossorigin="anonymous"></script>
<script src="../gospel-resources.js" integrity="sha384-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06" crossorigin="anonymous"></script>
<script>
// Mapbox token resolution — the A3 ladder, in precedence order:

16
public/doxa-maps/gospel-resources/gospel-resources.js generated
View file

File diff suppressed because one or more lines are too long

2
public/doxa-maps/gospel-resources/resources-list/index.html generated
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-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf" crossorigin="anonymous"></script>
<script src="../gospel-resources.js" integrity="sha384-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06" crossorigin="anonymous"></script>
<script>
// Mapbox token resolution — the A3 ladder, in precedence order:

2
public/doxa-maps/gospel-resources/resources-map/index.html generated
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-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf" crossorigin="anonymous"></script>
<script src="../gospel-resources.js" integrity="sha384-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06" crossorigin="anonymous"></script>
<script>
// Mapbox token resolution — the A3 ladder, in precedence order:

2
public/doxa-maps/index.html generated
View file

File diff suppressed because one or more lines are too long

12
public/doxa-maps/manifest.json generated
View file

@ -596,7 +596,7 @@
"bundle": "gospel-resources",
"scriptUrl": "./gospel-resources/gospel-resources.js",
"output": "doxa-maps/gospel-resources/gospel-resources.js",
"integrity": "sha384-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf",
"integrity": "sha384-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06",
"elements": [
"gospel-resources-map"
],
@ -616,7 +616,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-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf\" 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-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06\" 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>"
}
},
{
@ -630,7 +630,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-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf\" 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-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06\" 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>"
}
},
{
@ -644,7 +644,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-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf\" 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-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06\" 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>"
}
},
{
@ -658,7 +658,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-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf\" 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-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06\" 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>"
}
},
{
@ -672,7 +672,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-mn0BNaHqLb//PbOgP1nMiIBJAkJXdbEj3za8PBVpACn9CIBakKOvRFk1HlAeVAqf\" 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-ZWZimy8hrM+ie5xCmAKNORI3aiua3aGfVxgz4vlFfwDsRR5Ubcd6xXgx2Kj32j06\" 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>"
}
}
]