Use flag emoji entries in language menu

This commit is contained in:
2026-02-04 15:32:46 +01:00
parent edeef40da1
commit 40b2f03b4a
2 changed files with 15 additions and 4 deletions

View File

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

View File

@@ -83,6 +83,17 @@ html {
text-align: left;
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 {
display: flex;