eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

fix(frontend): alt-text for flags (#2894)

Browse Source 
Fixes #2397
This commit is contained in:
Erb3
2024-11-03 18:10:09 +01:00
committed by GitHub
parent f5f876e458
commit 66d943d391
1 changed files with 28 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
apps/frontend/src/components/ui/charts/ChartDisplay.vue
View File

@@ -192,15 +192,20 @@
class="country-value" class="country-value"
> >
<div class="country-flag-container"> <div class="country-flag-container">
<img <template v-if="name.toLowerCase() === 'xx' || !name">
:src=" <img
name.toLowerCase() === 'xx' || !name src="https://cdn.modrinth.com/placeholder-banner.svg"
? 'https://cdn.modrinth.com/placeholder-banner.svg' alt="Placeholder flag"
: countryCodeToFlag(name) class="country-flag"
" />
alt="Hidden country" </template>
class="country-flag" <template v-else>
/> <img
:src="countryCodeToFlag(name)"
:alt="`${countryCodeToName(name)}'s flag`"
class="country-flag"
/>
</template>
</div> </div>
<div class="country-text"> <div class="country-text">
<strong class="country-name" <strong class="country-name"
@@ -246,15 +251,20 @@
class="country-value" class="country-value"
> >
<div class="country-flag-container"> <div class="country-flag-container">
<img <template v-if="name.toLowerCase() === 'xx' || !name">
:src=" <img
name.toLowerCase() === 'xx' || !name src="https://cdn.modrinth.com/placeholder-banner.svg"
? 'https://cdn.modrinth.com/placeholder-banner.svg' alt="Placeholder flag"
: countryCodeToFlag(name) class="country-flag"
" />
alt="Hidden country" </template>
class="country-flag" <template v-else>
/> <img
:src="countryCodeToFlag(name)"
:alt="`${countryCodeToName(name)}'s flag`"
class="country-flag"
/>
</template>
</div> </div>
<div class="country-text"> <div class="country-text">
<strong class="country-name"> <strong class="country-name">