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

UPG-100 batch HUD: the message line sits at the top, where nothing covers it

Browse source 
On a phone the first-visit PinHint toast sits over the HUD's bottom edge, and the
message line under the buttons was covered there. A hit-test across the text
found the toast at 30%, and the screenshot read "This needs a" and no more.
The line (Copy's flash, the phone ceiling's notice, failures, the print's
progress) now sits under the hint at the top of the HUD, at 11px instead of 9px.
check:batch-selection-export pins it above the action rows.
This commit is contained in:
Doxa Maps 2026-10-01 13:01:11 +00:00
parent c4b0cfc5c2
commit 98eeb4183d
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
internal/check-batch-selection-export.mjs
View file

@ -271,6 +271,8 @@ const wired = {
&& actions.every((b) => b && !/flashStatus\(/.test(b))
&& /class="upg-hud-flash" role="status" aria-live="polite">\{\{ copyFlash \|\| hudProgress \}\}/.test(vue)
&& /hudProgress\.value = printStatus;/.test(vue)
// …and it sits ABOVE the action rows: on a phone the PinHint toast covers the HUD's bottom edge
&& vue.indexOf('class="upg-hud-flash"') > 0 && vue.indexOf('class="upg-hud-flash"') < vue.indexOf('class="upg-hud-actions"')
&& !/\.upg-hud-flash\{[^}]*display:\s*none/.test(vue) && !/@media[^{]*\{[^}]*\.upg-hud-flash\{[^}]*display:\s*none/.test(vue)
})(),
'the regroup warning on Copy': /const warn = regroupable\(sel\) \? '' : t\('upgMap\.copyNotRegroupable'\)/.test(vue),

8
plugin-designs/my-upg-100-list/upg-100-list.vue
View file

@ -632,7 +632,7 @@ useShadowStyles(
// only renders while batch mode is ON (progressive disclosure).
'.upg-hud-btn.clear{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.4);' +
'color:#cbd5e1}' +
'.upg-hud-flash{margin-top:5px;font-size:9px;color:#6ee7b7;min-height:11px}' +
'.upg-hud-flash{margin:4px 0 2px;font-size:11px;line-height:1.3;color:#6ee7b7;min-height:14px}' +
'.upg-hud-hint{margin-top:4px;font-size:9px;color:#64748b}' +
// R1.1 (g): the color-picker row — 8 preset swatches + a custom hex input.
// (Still no backticks anywhere in this string — the burned-3x rule.)
@ -3360,6 +3360,11 @@ onBeforeUnmount(() => {
<div class="upg-hud-hint">
{{ t('messages.tapTerritoriesHint') }}
</div>
<!-- ★ THE HUD'S MESSAGE LINE SITS AT THE TOP, not under the buttons: on a phone the first-visit PinHint toast
sits over the HUD's bottom edge, and a line down there was covered ("This needs a desktop or laptop
computer." read as "This needs a"). Copy's flash, the phone ceiling's notice, failures and the print's
progress all appear here (hudSay / hudProgress). -->
<div v-if="selCount" class="upg-hud-flash" role="status" aria-live="polite">{{ copyFlash || hudProgress }}</div>
<div v-if="selCount" class="upg-hud-head">
<!-- ★ A LABEL FORM ("Territories: {count}"), NOT A PLURAL KEY. This was
`territor{{ selCount === 1 ? 'y' : 'ies' }}` — English pluralisation welded
@ -3419,7 +3424,6 @@ onBeforeUnmount(() => {
@click="exportSelectionCsv">{{ busyAction === 'csv' ? t('buttons.working') : t('upgMap.exportCsv') }}</button>
<button class="upg-hud-btn clear" @click="clearSelection">{{ t('buttons.clearSelection') }}</button>
</div>
<div v-if="selCount" class="upg-hud-flash" role="status" aria-live="polite">{{ copyFlash || hudProgress }}</div>
</div>
<div class="upg-status">{{ status }}</div>
</div>