sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.0.316 add new language flags

Browse Source
This commit is contained in:
ArtemB
2023-12-05 16:58:32 +03:00
parent c25942a6ca
commit 87e90d7152
5 changed files with 42 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/css/mobile_styles.css
View File

@@ -23,6 +23,14 @@
.header_logo, .header_btn_mover{ .header_logo, .header_btn_mover{
margin-right: 20px; margin-right: 20px;
} }
.dropbtn_lang{
padding: 2px 0.5px;
border-radius: 12px;
}
#ru_lang,#en_lang{
padding: unset;
}
#customer_service{ #customer_service{
margin-right: 10px; margin-right: 10px;
@@ -283,6 +291,7 @@
} }
.button_profile_header_mobile{ .button_profile_header_mobile{
display: inline-block ; display: inline-block ;
margin-left: 5px;
} }
.header_logo_mobile { .header_logo_mobile {
margin-right: 37px; margin-right: 37px;

21
static/css/styles.css
View File

@@ -688,8 +688,9 @@ span.btn_profile_name {
/*Language select*/ /*Language select*/
.dropbtn_lang { .dropbtn_lang {
padding: 7px 0 7px 0; padding: 8px 6.5px;
cursor: pointer; cursor: pointer;
border-radius: 23px;
} }
/* The container <div> - needed to position the dropdown content */ /* The container <div> - needed to position the dropdown content */
@@ -708,9 +709,9 @@ span.btn_profile_name {
.dropbtn_lang .dropbtn_lang
{ {
background: url('/static/img/png/ru.png') no-repeat left center; background: url('/static/img/svg/ru.svg') no-repeat left center;
padding-left: 25px; /*padding-left: 25px;*/
width: 40px; /*width: 40px;*/
color: transparent; color: transparent;
} }
@@ -726,16 +727,19 @@ span.btn_profile_name {
#ru_lang #ru_lang
{ {
background: url('/static/img/png/ru.png') no-repeat left center; background: url('/static/img/svg/ru.svg') no-repeat center;
color: transparent; color: transparent;
padding: 10px; padding: 6px;
margin: 5px 0;
border-radius: 5px;
} }
#en_lang #en_lang
{ {
background: url('/static/img/png/en.png') no-repeat left center; background: url('/static/img/svg/gb.svg') no-repeat center;
color: transparent; color: transparent;
padding: 10px; padding: 6px;
border-radius: 5px;
} }
/* Links inside the dropdown */ /* Links inside the dropdown */
@@ -762,6 +766,7 @@ span.btn_profile_name {
.header-second>div>img{ .header-second>div>img{
margin-right: 5px; margin-right: 5px;
margin-left: 10px;
} }
#customer_service{ #customer_service{
margin-right: 35px; margin-right: 35px;

7
static/img/svg/gb.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-gb" viewBox="0 0 512 512">
<path fill="#012169" d="M0 0h512v512H0z"/>
<path fill="#FFF" d="M512 0v64L322 256l190 187v69h-67L254 324 68 512H0v-68l186-187L0 74V0h62l192 188L440 0z"/>
<path fill="#C8102E" d="M184 324l11 34L42 512H0v-3l184-185zm124-12l54 8 150 147v45L308 312zM512 0L320 196l-4-44L466 0h46zM0 1l193 189-59-8L0 49V1z"/>
<path fill="#FFF" d="M176 0v512h160V0H176zM0 176v160h512V176H0z"/>
<path fill="#C8102E" d="M0 208v96h512v-96H0zM208 0v512h96V0h-96z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 541 B

7
static/img/svg/ru.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ru" viewBox="0 0 512 512">
<g fill-rule="evenodd" stroke-width="1pt">
<path fill="#fff" d="M0 0h512v512H0z"/>
<path fill="#0039a6" d="M0 170.7h512V512H0z"/>
<path fill="#d52b1e" d="M0 341.3h512V512H0z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 290 B

10
static/js/global_js.js
View File

@@ -49,14 +49,16 @@ function getInfoAboutUser (){
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
let img = document.getElementById('dropbtn_lang') let img = document.getElementById('dropbtn_lang')
if (window.location.href.indexOf("ru") > -1){ if (window.location.href.indexOf("ru") > -1){
img.style.background = "url('/static/img/png/ru.png')" img.style.background = "url('/static/img/svg/ru.svg')"
img.style.backgroundRepeat = "no-repeat" img.style.backgroundRepeat = "no-repeat"
img.style.backgroundPosition = "left center" img.style.backgroundPosition = "center"
// img.style.backgroundSize = '50%'
}else if(window.location.href.indexOf("en") > -1){ }else if(window.location.href.indexOf("en") > -1){
img.style.background = "url('/static/img/png/en.png')" img.style.background = "url('/static/img/svg/gb.svg')"
img.style.backgroundRepeat = "no-repeat" img.style.backgroundRepeat = "no-repeat"
img.style.backgroundPosition = "left center" img.style.backgroundPosition = "center"
// img.style.backgroundSize = '50%'
} }
}); });