blitzwing/cobalt-7
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web/DonateShareCard: add alt text for qr code

Browse source
This commit is contained in:
wukko 2024-08-09 21:04:56 +06:00
parent b71d51de21
commit 5e0824022c
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/i18n/en/a11y/donate.json Normal file
View file

@ -0,0 +1,4 @@
{
"share.qr.expand": "qr code. press to expand.",
"share.qr.collapse": "expanded qr code. press to collapse."
}

6
web/src/components/donate/DonateShareCard.svelte
View file

@ -40,6 +40,9 @@
on:click={() => {
expanded = !expanded;
}}
aria-label={$t(
`a11y.donate.share.qr.${expanded ? "collapse" : "expand"}`
)}
>
<CobaltQr />
</button>
@ -228,7 +231,8 @@
:global(#share-box.expanded) {
margin-bottom: unset;
z-index: unset;
box-shadow: 0 0 0 2px rgba(255, 255, 255, var(--donate-border-opacity)) inset;
box-shadow: 0 0 0 2px
rgba(255, 255, 255, var(--donate-border-opacity)) inset;
transition: none;
}
}