Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-02-09 20:26:25 +01:00
Code Issues Projects Releases Packages Wiki Activity

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={() => { on:click={() => {
expanded = !expanded; expanded = !expanded;
}} }}
aria-label={$t(
`a11y.donate.share.qr.${expanded ? "collapse" : "expand"}`
)}
> >
<CobaltQr /> <CobaltQr />
</button> </button>
@ -228,7 +231,8 @@
:global(#share-box.expanded) { :global(#share-box.expanded) {
margin-bottom: unset; margin-bottom: unset;
z-index: 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; transition: none;
} }
} }