Fixed language selector

This commit is contained in:
Pinga 2023-08-30 21:08:17 +03:00
parent 014b679b46
commit 93ce342f64
4 changed files with 45 additions and 12 deletions

View file

@ -34,10 +34,10 @@
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item d-none d-md-flex me-3">
<div class="btn-list">
<div class="dropdown">
<a href="#" class="btn dropdown-toggle" data-bs-toggle="dropdown"><span class="flag flag-country-gb-eng"></span>&nbsp;English</a>
<div class="dropdown small-dropdown">
<a href="#" class="btn dropdown-toggle" data-bs-toggle="dropdown"><span class="flag flag-country-{{ uiLang }}"></span>&nbsp;{{ lang }}</a>
<div class="dropdown-menu">
<a href="/lang?en_US" class="dropdown-item"><span class="flag flag-country-gb-eng"></span>&nbsp;English</a>
<a href="/lang?en_US" class="dropdown-item"><span class="flag flag-country-us"></span>&nbsp;English</a>
<a href="/lang?uk_UA" class="dropdown-item"><span class="flag flag-country-ua"></span>&nbsp;Ukrainian</a>
</div>
</div>

View file

@ -3,4 +3,15 @@
<link href="/assets/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="/assets/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="/assets/css/tabulator.min.css" rel="stylesheet">
<link href="/assets/css/tabulator_bootstrap5.min.css" rel="stylesheet">
<link href="/assets/css/tabulator_bootstrap5.min.css" rel="stylesheet">
<style>
.small-dropdown .dropdown-item {
padding: 0.25rem 1.5rem;
}
.small-dropdown .flag {
width: 20px;
height: 15px;
display: inline-block;
}
</style>

View file

@ -2,3 +2,14 @@
<link href="/assets/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="/assets/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="/assets/css/tabler-vendors.min.css" rel="stylesheet"/>
<style>
.small-dropdown .dropdown-item {
padding: 0.25rem 1.5rem;
}
.small-dropdown .flag {
width: 20px;
height: 15px;
display: inline-block;
}
</style>