elgaard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Add QR-code to all popups, add direction indicator to popup and visual feedback, make reviews accessible to screenreaders (both to read them and to make them)

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-12-24 05:01:10 +01:00
parent 5567869bb4
commit bfd818cb38
33 changed files with 415 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/UI/BigComponents/VisualFeedbackPanel.svelte
View file

@ -32,7 +32,7 @@
lastAction.stabilized(750).addCallbackAndRunD((_) => lastAction.setData(undefined))
</script>
<div aria-live="assertive" class="p-1 interactive" role="alert">
<div aria-live="assertive" class="p-1 bg-white m-1 rounded">
{#if $lastAction?.key === "out"}
<Tr t={t.out.Subs({z: map.zoom.data - 1})} />
{:else if $lastAction?.key === "in"}
@ -46,13 +46,11 @@
<div class="pointer-events-auto">
<Tr t={$translationWithLength} />
<MapCenterDetails {state} />
<ol>
<div class="grid grid-cols-3 space-x-1 space-y-0.5">
{#each $centerFeatures.slice(0, 9) as feat, i (feat.properties.id)}
<li>
<Summary {state} feature={feat} {i} />
</li>
<Summary {state} feature={feat} {i} />
{/each}
</ol>
</div>
</div>
{/if}
</div>