feat: add language flag emoji functions and enhance language selector component for improved localization support and user experience

This commit is contained in:
Ümit Tunç
2026-05-21 10:13:16 +03:00
parent 62540c4a98
commit 55efbc6614
4 changed files with 230 additions and 23 deletions
+33
View File
@@ -60,6 +60,9 @@ $favicon_path = setting('site_favicon');
<link rel="stylesheet" href="{{ asset('assets/css/colors/grape.css') }}">
<link rel="preload" href="{{ asset('assets/css/fonts/urbanist.css') }}" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="{{ asset('assets/css/fonts/space.css') }}" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=translate">
<!-- Site Verification -->
@if(setting('seo_google_search_console'))
@@ -125,6 +128,36 @@ $favicon_path = setting('site_favicon');
}
}
.language-select .language-select__trigger {
display: inline-flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 0.15rem;
}
.language-select .language-select__trigger.dropdown-toggle:after,
.language-select .language-select__trigger.dropdown-toggle::after {
position: static !important;
top: auto !important;
right: auto !important;
display: inline-block !important;
vertical-align: middle !important;
margin-left: 0 !important;
margin-right: 0 !important;
line-height: 1;
}
.navbar-dark .language-select .language-select__trigger.dropdown-toggle:after,
.navbar-dark .language-select .language-select__trigger.dropdown-toggle::after {
color: #ffffff !important;
}
.navbar-light .language-select .language-select__trigger.dropdown-toggle:after,
.navbar-light .language-select .language-select__trigger.dropdown-toggle::after {
color: #e31e24 !important;
}
<?php echo setting('custom_css') ?>
</style>