xTr1m/GameList
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use flag emoji entries in language menu

Browse Source
This commit is contained in:
Frank Tovar
2026-02-04 15:32:46 +01:00
parent edeef40da1
commit 40b2f03b4a
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
wwwroot/index.html
View File

@@ -24,8 +24,8 @@
<div class="lang-switch" id="lang-switch-auth"> <div class="lang-switch" id="lang-switch-auth">
<button class="lang-button" type="button" aria-label="Language" title="Language">🌐</button> <button class="lang-button" type="button" aria-label="Language" title="Language">🌐</button>
<div class="lang-menu hidden"> <div class="lang-menu hidden">
<button type="button" data-lang="en">🇬🇧 English</button> <button type="button" data-lang="en" title="English" data-i18n-attr="title">🇺🇸 <span class="sr-only" data-i18n="lang.en">English</span></button>
<button type="button" data-lang="de">🇩🇪 Deutsch</button> <button type="button" data-lang="de" title="Deutsch" data-i18n-attr="title">🇩🇪 <span class="sr-only" data-i18n="lang.de">Deutsch</span></button>
</div> </div>
</div> </div>
</div> </div>
@@ -79,8 +79,8 @@
<div class="lang-switch" id="lang-switch-status"> <div class="lang-switch" id="lang-switch-status">
<button class="lang-button" type="button" aria-label="Language" title="Language">🌐</button> <button class="lang-button" type="button" aria-label="Language" title="Language">🌐</button>
<div class="lang-menu hidden"> <div class="lang-menu hidden">
<button type="button" data-lang="en">🇬🇧 English</button> <button type="button" data-lang="en" title="English" data-i18n-attr="title">🇺🇸 <span class="sr-only" data-i18n="lang.en">English</span></button>
<button type="button" data-lang="de">🇩🇪 Deutsch</button> <button type="button" data-lang="de" title="Deutsch" data-i18n-attr="title">🇩🇪 <span class="sr-only" data-i18n="lang.de">Deutsch</span></button>
</div> </div>
</div> </div>
</div> </div>

11
wwwroot/styles.css
View File

@@ -83,6 +83,17 @@ html {
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
} }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.status-bar { .status-bar {
display: flex; display: flex;