Locale selection dropdown

This commit is contained in:
benber86 2021-05-12 14:08:03 +10:00
parent 0bb452a284
commit f98fb7b238
13 changed files with 615 additions and 1 deletions

58
assets/img/flags/cn.svg Normal file
View File

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<path style="fill:#FF4B55;" d="M29.589,366.395l-0.036-220.713c-0.003-12.607,6.722-24.257,17.639-30.562L238.315,4.731
c10.917-6.306,24.368-6.307,35.287-0.006L464.763,115.05c10.918,6.302,17.646,17.95,17.649,30.557l0.036,220.713
c0.003,12.607-6.722,24.257-17.639,30.563L273.685,507.271c-10.917,6.306-24.368,6.307-35.287,0.006L47.238,396.952
C36.318,390.65,29.591,379.002,29.589,366.395z"/>
<g>
<path style="fill:#FFE15A;" d="M125.125,125.189l9.004,26.996l28.457,0.22c3.684,0.029,5.212,4.73,2.248,6.919l-22.893,16.905
l8.584,27.133c1.111,3.513-2.888,6.418-5.886,4.276l-23.152-16.548l-23.151,16.548c-2.998,2.143-6.997-0.764-5.886-4.276
l8.584-27.133l-22.893-16.905c-2.964-2.188-1.436-6.891,2.248-6.919l28.457-0.22l9.004-26.996
C119.016,121.694,123.959,121.694,125.125,125.189z"/>
<path style="fill:#FFE15A;" d="M228.462,131.842l6.456,8.804l10.42-3.258c1.348-0.422,2.458,1.116,1.633,2.263l-6.378,8.86
l6.318,8.903c0.819,1.152-0.301,2.683-1.648,2.252l-10.397-3.328l-6.514,8.76c-0.844,1.135-2.646,0.542-2.652-0.871l-0.049-10.917
l-10.345-3.489c-1.34-0.452-1.333-2.348,0.01-2.79l10.367-3.419l0.121-10.916C225.82,131.282,227.626,130.701,228.462,131.842z"/>
<path style="fill:#FFE15A;" d="M189.155,105.599l10.853,1.18l4.63-9.887c0.6-1.28,2.483-1.061,2.772,0.324l2.232,10.686
l10.833,1.348c1.402,0.175,1.776,2.034,0.55,2.737l-9.474,5.425l2.066,10.72c0.267,1.387-1.386,2.317-2.433,1.368l-8.087-7.334
l-9.557,5.277c-1.237,0.684-2.632-0.601-2.053-1.891l4.476-9.957l-7.973-7.458C186.96,107.17,187.749,105.447,189.155,105.599z"/>
<path style="fill:#FFE15A;" d="M206.312,211.398l-6.456,8.804l-10.42-3.258c-1.348-0.422-2.458,1.116-1.633,2.263l6.378,8.86
l-6.318,8.903c-0.819,1.152,0.302,2.683,1.648,2.252l10.397-3.328l6.514,8.76c0.844,1.135,2.646,0.542,2.652-0.871l0.047-10.917
l10.345-3.489c1.34-0.451,1.333-2.348-0.009-2.79l-10.367-3.419l-0.121-10.917C208.953,210.839,207.148,210.258,206.312,211.398z"
/>
<path style="fill:#FFE15A;" d="M245.618,186.737l-10.853,1.18l-4.63-9.886c-0.6-1.28-2.483-1.061-2.772,0.322l-2.232,10.686
l-10.833,1.348c-1.402,0.175-1.776,2.034-0.55,2.737l9.474,5.425l-2.066,10.72c-0.267,1.388,1.386,2.317,2.433,1.368l8.087-7.334
l9.557,5.277c1.237,0.684,2.632-0.602,2.053-1.891l-4.476-9.957l7.972-7.458C247.815,188.309,247.024,186.585,245.618,186.737z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

43
assets/img/flags/de.svg Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
<path style="fill:#FFE15A;" d="M482.445,341.601l-0.029-171.203l-0.004-24.793c-0.003-12.607-6.729-24.255-17.649-30.557
L273.602,4.725c-10.918-6.302-24.37-6.3-35.287,0.006L47.19,115.118c-10.917,6.305-17.64,17.955-17.639,30.562l0.004,24.717
L29.583,341.6l0.004,24.793c0.003,12.607,6.73,24.255,17.649,30.557l191.161,110.325c10.92,6.302,24.37,6.298,35.287-0.006
L464.809,396.88c10.917-6.305,17.64-17.955,17.639-30.563L482.445,341.601z"/>
<polygon style="fill:#FF4B55;" points="482.417,170.398 254.751,136.033 29.556,170.398 29.585,341.601 482.445,341.601 "/>
<path style="fill:#464655;" d="M482.412,145.605c-0.003-12.607-6.729-24.255-17.649-30.557L273.602,4.725
c-10.918-6.302-24.37-6.3-35.287,0.006L47.19,115.118c-10.917,6.305-17.64,17.955-17.639,30.562l0.004,24.717h452.86
L482.412,145.605z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

115
assets/img/flags/es.svg Normal file
View File

@ -0,0 +1,115 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#FFD250;" d="M482.413,145.605c-0.001-6.832-1.992-13.374-5.54-18.945c-2.999-4.709-7.107-8.724-12.108-11.612
L273.603,4.725c-10.918-6.302-24.37-6.3-35.287,0.006L47.191,115.118c-4.975,2.873-9.065,6.864-12.059,11.542
c-3.575,5.587-5.581,12.158-5.58,19.021l0.036,220.713c0.001,6.832,1.992,13.374,5.54,18.945c2.999,4.709,7.107,8.725,12.108,11.612
l191.161,110.325c10.92,6.302,24.37,6.298,35.287-0.006l191.125-110.389c4.975-2.873,9.065-6.864,12.059-11.542
c3.577-5.587,5.581-12.158,5.58-19.021L482.413,145.605z"/>
<g>
<path style="fill:#C8414B;" d="M47.239,396.951L238.4,507.276c10.92,6.302,24.37,6.298,35.287-0.006l191.125-110.389
c4.975-2.873,9.065-6.864,12.059-11.542H35.129C38.129,390.048,42.237,394.065,47.239,396.951z"/>
<path style="fill:#C8414B;" d="M464.766,115.05L273.603,4.725c-10.918-6.302-24.37-6.3-35.287,0.006L47.191,115.118
c-4.975,2.873-9.065,6.864-12.059,11.542h441.742C473.874,121.953,469.767,117.936,464.766,115.05z"/>
<path style="fill:#C8414B;" d="M234.955,256.264l8.923-40.15c0.822-3.698-1.992-7.206-5.78-7.206h-6.286
c-3.788,0-6.602,3.508-5.78,7.206L234.955,256.264z"/>
</g>
<rect x="224.43" y="235.21" style="fill:#F5F5F5;" width="21.05" height="89.45"/>
<rect x="219.17" y="224.69" style="fill:#FAB446;" width="31.566" height="10.523"/>
<g>
<rect x="198.12" y="256.27" style="fill:#C8414B;" width="52.611" height="10.523"/>
<polygon style="fill:#C8414B;" points="250.74,298.357 219.17,287.834 219.17,277.31 250.74,287.834 "/>
<path style="fill:#C8414B;" d="M77.103,256.264l8.923-40.15c0.822-3.698-1.992-7.206-5.78-7.206H73.96
c-3.788,0-6.602,3.508-5.78,7.206L77.103,256.264z"/>
</g>
<path style="fill:#F5F5F5;" d="M113.935,224.693c-5.812,0-10.523,4.711-10.523,10.523v68.403c0,12.786,11.933,36.832,52.617,36.832
s52.617-24.046,52.617-36.832v-68.403c0-5.812-4.711-10.523-10.523-10.523H113.935z"/>
<g>
<path style="fill:#C8414B;" d="M156.029,277.31h-52.617v-42.62c0-5.521,4.476-9.997,9.997-9.997h42.62V277.31z"/>
<path style="fill:#C8414B;" d="M156.029,277.31h52.617v27.624c0,13.804-11.189,24.993-24.993,24.993h-2.631
c-13.804,0-24.993-11.189-24.993-24.993L156.029,277.31L156.029,277.31z"/>
</g>
<path style="fill:#FAB446;" d="M103.412,277.31h52.617v27.624c0,13.804-11.189,24.993-24.993,24.993h-2.631
c-13.804,0-24.993-11.189-24.993-24.993L103.412,277.31L103.412,277.31z"/>
<g>
<path style="fill:#C8414B;" d="M145.505,324.547V277.31h-10.523v52.087C138.896,328.602,142.433,326.869,145.505,324.547z"/>
<path style="fill:#C8414B;" d="M124.459,329.397V277.31h-10.523v47.237C117.008,326.869,120.545,328.602,124.459,329.397z"/>
</g>
<rect x="113.93" y="256.27" style="fill:#FFB441;" width="31.566" height="10.523"/>
<g>
<rect x="113.93" y="235.21" style="fill:#FAB446;" width="31.566" height="10.523"/>
<rect x="119.19" y="241.47" style="fill:#FAB446;" width="21.05" height="19.07"/>
</g>
<rect x="66.58" y="235.21" style="fill:#F5F5F5;" width="21.05" height="89.45"/>
<g>
<rect x="61.32" y="319.4" style="fill:#FAB446;" width="31.566" height="10.523"/>
<rect x="61.32" y="224.69" style="fill:#FAB446;" width="31.566" height="10.523"/>
</g>
<rect x="56.06" y="329.92" style="fill:#5064AA;" width="42.09" height="10.523"/>
<rect x="224.43" y="319.4" style="fill:#FAB446;" width="31.566" height="10.523"/>
<rect x="213.91" y="329.92" style="fill:#5064AA;" width="42.09" height="10.523"/>
<rect x="124.45" y="214.17" style="fill:#FAB446;" width="63.15" height="10.523"/>
<rect x="150.77" y="182.6" style="fill:#FFB441;" width="10.523" height="31.566"/>
<g>
<path style="fill:#F5F5F5;" d="M145.505,198.384c-8.704,0-15.786-7.081-15.786-15.786c0-8.704,7.081-15.786,15.786-15.786
c8.704,0,15.786,7.081,15.786,15.786S154.211,198.384,145.505,198.384z M145.505,177.338c-2.903,0-5.262,2.358-5.262,5.261
s2.358,5.261,5.262,5.261c2.903,0,5.262-2.358,5.262-5.261S148.408,177.338,145.505,177.338z"/>
<path style="fill:#F5F5F5;" d="M166.552,198.384c-8.704,0-15.786-7.081-15.786-15.786c0-8.704,7.081-15.786,15.786-15.786
c8.704,0,15.786,7.081,15.786,15.786S175.257,198.384,166.552,198.384z M166.552,177.338c-2.903,0-5.262,2.358-5.262,5.261
s2.358,5.261,5.262,5.261c2.903,0,5.261-2.358,5.261-5.261S169.455,177.338,166.552,177.338z"/>
<path style="fill:#F5F5F5;" d="M187.599,208.908c-8.704,0-15.786-7.081-15.786-15.786c0-8.704,7.081-15.786,15.786-15.786
c8.704,0,15.786,7.081,15.786,15.786S196.304,208.908,187.599,208.908z M187.599,187.861c-2.903,0-5.262,2.358-5.262,5.262
c0,2.903,2.358,5.262,5.262,5.262c2.903,0,5.261-2.358,5.261-5.262C192.861,190.219,190.503,187.861,187.599,187.861z"/>
<path style="fill:#F5F5F5;" d="M124.459,208.908c-8.704,0-15.786-7.081-15.786-15.786c0-8.704,7.081-15.786,15.786-15.786
c8.704,0,15.786,7.081,15.786,15.786C140.244,201.827,133.164,208.908,124.459,208.908z M124.459,187.861
c-2.903,0-5.261,2.358-5.261,5.262c0,2.903,2.358,5.262,5.261,5.262s5.262-2.358,5.262-5.262S127.362,187.861,124.459,187.861z"/>
</g>
<path style="fill:#FAB446;" d="M187.599,298.357v5.262c0,2.902-2.361,5.261-5.262,5.261c-2.902,0-5.261-2.361-5.261-5.261v-5.262
H187.599 M198.122,287.834h-31.57v15.786c0,8.704,7.082,15.786,15.786,15.786s15.786-7.082,15.786-15.786v-15.786H198.122z"/>
<path style="fill:#FFA0D2;" d="M182.864,266.787h-1.052c-5.521,0-9.997-4.476-9.997-9.997v-11.576c0-5.521,4.476-9.997,9.997-9.997
h1.052c5.521,0,9.997,4.476,9.997,9.997v11.576C192.861,262.311,188.385,266.787,182.864,266.787z"/>
<circle style="fill:#5064AA;" cx="156.03" cy="277.31" r="15.786"/>
<rect x="150.77" y="161.56" style="fill:#FAB446;" width="10.523" height="31.566"/>
<path style="fill:#C8414B;" d="M124.459,214.17l-10.523-10.523l6.165-6.165c9.529-9.529,22.453-14.882,35.929-14.882l0,0
c13.476,0,26.4,5.354,35.929,14.882l6.165,6.165l-10.523,10.523H124.459z"/>
<g>
<circle style="fill:#FFD250;" cx="156.03" cy="203.64" r="5.261"/>
<circle style="fill:#FFD250;" cx="134.98" cy="203.64" r="5.261"/>
<circle style="fill:#FFD250;" cx="177.08" cy="203.64" r="5.261"/>
</g>
<g>
<rect x="61.32" y="256.27" style="fill:#C8414B;" width="52.611" height="10.523"/>
<polygon style="fill:#C8414B;" points="61.318,298.357 92.889,287.834 92.889,277.31 61.318,287.834 "/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.6 KiB

43
assets/img/flags/fr.svg Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#F5F5F5;" d="M482.412,145.606c-0.003-12.607-6.729-24.255-17.649-30.557L331.812,38.32l-58.21-33.595
c-10.918-6.302-24.37-6.3-35.287,0.006l-58.127,33.572L47.19,115.119c-10.917,6.305-17.64,17.955-17.639,30.562l0.036,220.713
c0.003,12.607,6.729,24.255,17.649,30.557l132.951,76.729l58.21,33.596c10.92,6.302,24.37,6.298,35.287-0.006l58.128-33.573
l132.997-76.815c10.917-6.305,17.64-17.955,17.639-30.563L482.412,145.606z"/>
<path style="fill:#41479B;" d="M47.19,115.119c-10.917,6.305-17.64,17.955-17.639,30.562l0.036,220.713
c0.003,12.607,6.729,24.255,17.649,30.557l132.951,76.729V38.304L47.19,115.119z"/>
<path style="fill:#FF4B55;" d="M464.811,396.882c10.917-6.305,17.64-17.955,17.639-30.563l-0.036-220.713
c-0.003-12.607-6.729-24.255-17.649-30.557L331.814,38.32v435.377L464.811,396.882z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

63
assets/img/flags/gb.svg Normal file
View File

@ -0,0 +1,63 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<path style="fill:#F5F5F5;" d="M482.436,296.746l-0.014-81.491l-0.005-27.164l-0.008-42.486
c-0.001-11.607-5.715-22.389-15.14-28.946c-0.812-0.565-1.642-1.11-2.509-1.611l-23.711-13.684l-22.198-12.81l-17.87-10.313
l-94.999-54.826l-19.995-11.539l-12.39-7.151c-10.918-6.302-24.37-6.3-35.287,0.006l-12.307,7.108L206.01,23.387L111.024,78.25
L81.077,95.546l-22.191,12.818l-11.697,6.756c-0.841,0.486-1.648,1.015-2.439,1.561c-9.465,6.556-15.201,17.365-15.2,29.001
l0.007,42.41l0.005,27.164l0.014,81.491l0.005,27.164l0.007,42.485c0.003,11.607,5.715,22.389,15.14,28.946
c0.812,0.565,1.642,1.11,2.509,1.611l23.377,13.491l22.198,12.811l18.204,10.506l94.999,54.826l19.995,11.539l12.39,7.151
c10.918,6.302,24.37,6.298,35.287-0.006l12.307-7.108l19.995-11.548l94.989-54.863l27.325-15.782l22.191-12.818l14.319-8.27
c0.841-0.486,1.648-1.013,2.439-1.562c9.465-6.556,15.201-17.365,15.2-29.001l-0.008-42.41L482.436,296.746z"/>
<g>
<polygon style="fill:#41479B;" points="305.985,488.614 400.974,433.751 305.985,349.203 "/>
<polygon style="fill:#41479B;" points="400.984,78.241 305.985,23.415 305.985,162.798 "/>
<polygon style="fill:#41479B;" points="111.015,433.759 206.013,488.585 206.013,349.203 "/>
<path style="fill:#41479B;" d="M467.249,395.319c9.465-6.556,15.201-17.365,15.2-29.001l-0.008-42.41H387.02L467.249,395.319z"/>
<path style="fill:#41479B;" d="M29.58,323.91l0.007,42.485c0.003,11.607,5.715,22.389,15.14,28.946l80.252-71.432H29.58V323.91z"/>
<path style="fill:#41479B;" d="M44.751,116.68c-9.465,6.556-15.201,17.365-15.2,29.001l0.007,42.41h95.421L44.751,116.68z"/>
<path style="fill:#41479B;" d="M482.418,188.091l-0.008-42.486c-0.001-11.607-5.715-22.389-15.14-28.946l-80.252,71.432H482.418z"
/>
<polygon style="fill:#41479B;" points="206.013,23.387 111.024,78.25 206.013,162.798 "/>
</g>
<g>
<path style="fill:#FF4B55;" d="M285.991,11.875L273.6,4.725c-10.918-6.302-24.37-6.3-35.287,0.006l-12.307,7.108v203.416H29.562
l0.014,81.491h196.431v203.379l12.39,7.151c10.918,6.302,24.37,6.298,35.287-0.006l12.307-7.108V296.746h196.445l-0.014-81.491
H285.991V11.875z"/>
<polygon style="fill:#FF4B55;" points="168.738,323.91 70.612,410.443 92.81,423.254 205.463,323.91 "/>
<polygon style="fill:#FF4B55;" points="321.639,323.91 428.299,417.969 450.491,405.152 358.363,323.91 "/>
<polygon style="fill:#FF4B55;" points="186.018,188.091 81.077,95.546 58.885,108.364 149.293,188.091 "/>
<polygon style="fill:#FF4B55;" points="305.985,188.091 342.71,188.091 441.052,101.366 418.854,88.554 "/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

42
assets/img/flags/jp.svg Normal file
View File

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<path style="fill:#F5F5F5;" d="M29.589,366.395l-0.036-220.713c-0.003-12.607,6.722-24.257,17.639-30.562L238.315,4.731
c10.917-6.306,24.368-6.307,35.287-0.006L464.763,115.05c10.918,6.302,17.646,17.95,17.649,30.557l0.036,220.713
c0.003,12.607-6.722,24.257-17.639,30.563L273.685,507.271c-10.917,6.306-24.368,6.307-35.287,0.006L47.238,396.952
C36.318,390.65,29.591,379.002,29.589,366.395z"/>
<path style="fill:#FF4B55;" d="M308.939,176.584c-43.847-29.231-103.071-17.279-132.283,26.492c-0.482,0.72-0.94,1.448-1.377,2.184
c-27.425,43.612-15.277,101.367,27.812,130.118c43.847,29.231,103.052,17.431,132.244-26.492c0.477-0.712,0.93-1.433,1.363-2.162
C364.142,263.111,352.036,205.341,308.939,176.584z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

101
assets/img/flags/kr.svg Normal file
View File

@ -0,0 +1,101 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<path style="fill:#F5F5F5;" d="M29.589,366.395l-0.036-220.713c-0.003-12.607,6.722-24.257,17.639-30.562L238.315,4.731
c10.917-6.306,24.368-6.307,35.287-0.006L464.763,115.05c10.92,6.302,17.646,17.95,17.649,30.557l0.036,220.713
c0.003,12.607-6.722,24.257-17.639,30.563L273.685,507.271c-10.917,6.306-24.368,6.307-35.287,0.006L47.238,396.952
C36.318,390.65,29.591,379.002,29.589,366.395z"/>
<path style="fill:#FF4B55;" d="M308.977,176.585c-43.847-29.231-103.071-17.279-132.283,26.492
c-14.652,21.848-8.698,51.535,13.226,66.151c21.905,14.616,51.497,8.68,66.113-13.244c14.616-21.924,44.227-27.785,66.133-13.245
c21.942,14.616,27.842,44.303,13.206,66.151C364.605,265.039,352.788,205.816,308.977,176.585"/>
<path style="fill:#41479B;" d="M176.695,203.075c-14.652,21.848-8.698,51.535,13.226,66.151
c21.905,14.616,51.497,8.68,66.113-13.244c14.616-21.924,44.227-27.785,66.133-13.245c21.942,14.616,27.842,44.303,13.206,66.151
c-29.192,43.923-88.397,55.722-132.244,26.492C159.32,306.147,147.464,246.922,176.695,203.075"/>
<g>
<path style="fill:#464655;" d="M357.527,140.542l17.333,26.053c1.457,2.189,0.867,5.145-1.317,6.607l-4.396,2.943
c-2.193,1.468-5.161,0.877-6.626-1.32l-17.355-26.047c-1.461-2.192-0.869-5.151,1.321-6.613l4.418-2.949
C353.099,137.752,356.064,138.345,357.527,140.542z"/>
<path style="fill:#464655;" d="M384.269,180.712l17.39,26.037c1.468,2.198,0.869,5.172-1.337,6.631l-4.414,2.917
c-2.191,1.447-5.139,0.854-6.598-1.33l-17.38-26.009c-1.463-2.191-0.875-5.152,1.315-6.617l4.404-2.944
C379.84,177.931,382.805,178.521,384.269,180.712z"/>
<path style="fill:#464655;" d="M376.084,128.157l44.135,66.236c1.461,2.192,0.869,5.154-1.323,6.616l-4.434,2.957
c-2.193,1.462-5.155,0.87-6.617-1.323l-44.149-66.231c-1.462-2.193-0.869-5.157,1.326-6.618l4.449-2.96
C371.663,125.371,374.623,125.965,376.084,128.157z"/>
<path style="fill:#464655;" d="M394.593,115.79l17.371,26.104c1.463,2.198,0.862,5.167-1.341,6.623l-4.418,2.919
c-2.192,1.448-5.142,0.852-6.599-1.333l-17.385-26.07c-1.462-2.193-0.87-5.155,1.323-6.617l4.431-2.954
C390.168,113.001,393.132,113.595,394.593,115.79z"/>
<path style="fill:#464655;" d="M421.354,156.044l17.345,26.05c1.458,2.191,0.869,5.149-1.32,6.611l-4.405,2.945
c-2.193,1.467-5.161,0.875-6.623-1.322l-17.345-26.05c-1.458-2.191-0.869-5.149,1.32-6.611l4.405-2.945
C416.924,153.255,419.891,153.847,421.354,156.044z"/>
<path style="fill:#464655;" d="M122.74,297.058l44.129,66.163c1.462,2.192,0.871,5.154-1.32,6.616l-4.42,2.95
c-2.192,1.463-5.156,0.872-6.618-1.321l-44.13-66.162c-1.462-2.192-0.871-5.154,1.321-6.616l4.42-2.95
C118.313,294.274,121.276,294.866,122.74,297.058z"/>
<path style="fill:#464655;" d="M104.213,309.435l17.325,25.988c1.46,2.189,0.871,5.147-1.316,6.612l-4.395,2.942
c-2.192,1.467-5.157,0.879-6.622-1.316l-17.348-25.982c-1.463-2.192-0.872-5.154,1.318-6.617l4.416-2.949
C99.787,306.649,102.751,307.24,104.213,309.435z"/>
<path style="fill:#464655;" d="M130.987,349.619l17.346,26.053c1.458,2.191,0.869,5.149-1.32,6.611l-4.408,2.947
c-2.193,1.466-5.16,0.875-6.622-1.321l-17.357-26.049c-1.46-2.192-0.869-5.151,1.321-6.613l4.419-2.95
C126.56,346.83,129.525,347.423,130.987,349.619z"/>
<path style="fill:#464655;" d="M85.685,321.806l44.102,66.167c1.46,2.191,0.87,5.15-1.318,6.613l-4.406,2.947
c-2.192,1.466-5.157,0.875-6.621-1.318l-44.128-66.158c-1.462-2.192-0.87-5.156,1.323-6.617l4.434-2.955
C81.261,319.021,84.224,319.614,85.685,321.806z"/>
<path style="fill:#464655;" d="M110.389,206.754l44.123-66.217c1.462-2.194,4.426-2.787,6.619-1.322l4.419,2.949
c2.191,1.462,2.782,4.424,1.32,6.616l-44.14,66.179c-1.458,2.187-4.411,2.782-6.603,1.331l-4.4-2.913
C109.523,211.92,108.925,208.951,110.389,206.754z"/>
<path style="fill:#464655;" d="M91.852,194.395l44.132-66.229c1.462-2.196,4.429-2.787,6.622-1.321l4.408,2.947
c2.188,1.462,2.778,4.421,1.32,6.612l-44.119,66.234c-1.462,2.194-4.428,2.787-6.621,1.323l-4.419-2.95
C90.983,199.546,90.392,196.587,91.852,194.395z"/>
<path style="fill:#464655;" d="M73.307,182.09l44.134-66.296c1.462-2.197,4.43-2.789,6.623-1.322l4.406,2.947
c2.187,1.462,2.778,4.419,1.321,6.609l-44.109,66.304c-1.461,2.196-4.425,2.789-6.618,1.327l-4.434-2.955
C72.441,187.242,71.847,184.281,73.307,182.09z"/>
<path style="fill:#464655;" d="M345.173,363.221l17.348-25.98c1.465-2.193,4.431-2.783,6.622-1.315l4.395,2.943
c2.187,1.463,2.775,4.421,1.315,6.611l-17.324,25.987c-1.462,2.193-4.426,2.785-6.619,1.321l-4.418-2.949
C344.3,368.376,343.709,365.413,345.173,363.221z"/>
<path style="fill:#464655;" d="M371.928,323.172l17.374-26.11c1.461-2.194,4.425-2.789,6.618-1.327l4.428,2.952
c2.194,1.462,2.785,4.428,1.321,6.619l-17.411,26.069c-1.46,2.186-4.413,2.779-6.603,1.327l-4.391-2.91
C371.064,328.336,370.466,325.369,371.928,323.172z"/>
<path style="fill:#464655;" d="M363.694,375.663l17.358-26.049c1.462-2.193,4.424-2.787,6.617-1.325l4.436,2.958
c2.192,1.461,2.784,4.421,1.325,6.614l-17.347,26.052c-1.46,2.193-4.421,2.788-6.614,1.327l-4.448-2.96
C362.826,380.819,362.233,377.856,363.694,375.663z"/>
<path style="fill:#464655;" d="M390.476,335.413l17.368-25.988c1.463-2.189,4.423-2.779,6.613-1.318l4.433,2.955
c2.194,1.463,2.785,4.428,1.321,6.621l-17.366,25.989c-1.463,2.189-4.423,2.779-6.613,1.32l-4.435-2.957
C389.603,340.571,389.01,337.606,390.476,335.413z"/>
<path style="fill:#464655;" d="M382.227,387.967l17.376-26.004c1.458-2.183,4.408-2.777,6.598-1.33l4.418,2.919
c2.204,1.457,2.805,4.429,1.34,6.627l-17.364,26.038c-1.462,2.192-4.424,2.784-6.616,1.323l-4.431-2.954
C381.354,393.126,380.762,390.16,382.227,387.967z"/>
<path style="fill:#464655;" d="M409.016,347.85l17.334-26.034c1.462-2.197,4.43-2.789,6.623-1.322l4.401,2.943
c2.189,1.463,2.778,4.424,1.317,6.614l-17.348,26c-1.46,2.187-4.414,2.782-6.604,1.328l-4.388-2.908
C408.151,353.013,407.554,350.046,409.016,347.85z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.3 KiB

42
assets/img/flags/ru.svg Normal file
View File

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<path style="fill:#F5F5F5;" d="M482.445,341.81l-0.029-171.619l-0.004-24.585c-0.003-12.607-6.729-24.255-17.649-30.557
L273.602,4.725c-10.918-6.302-24.37-6.3-35.287,0.006L47.19,115.118c-10.917,6.305-17.64,17.955-17.639,30.562l0.004,24.51
l0.029,171.619l0.004,24.585C29.59,379,36.317,390.648,47.236,396.95l191.161,110.325c10.918,6.302,24.37,6.298,35.287-0.006
L464.809,396.88c10.917-6.305,17.64-17.955,17.639-30.563L482.445,341.81z"/>
<polygon style="fill:#41479B;" points="482.417,170.191 29.556,170.191 29.585,341.81 254.751,368.469 482.445,341.81 "/>
<path style="fill:#FF4B55;" d="M482.445,341.81H29.585l0.004,24.585c0.003,12.607,6.729,24.255,17.649,30.557l191.161,110.325
c10.918,6.302,24.37,6.298,35.287-0.006l191.125-110.389c10.917-6.305,17.64-17.955,17.639-30.563L482.445,341.81z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

49
assets/img/flags/tr.svg Normal file
View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<path style="fill:#FF4B55;" d="M29.589,366.395l-0.036-220.713c-0.003-12.607,6.722-24.257,17.639-30.562L238.315,4.731
c10.917-6.306,24.368-6.307,35.287-0.006L464.763,115.05c10.918,6.302,17.646,17.95,17.649,30.557l0.036,220.713
c0.003,12.607-6.722,24.257-17.639,30.563L273.685,507.271c-10.917,6.306-24.368,6.307-35.287,0.006L47.238,396.952
C36.318,390.65,29.591,379.002,29.589,366.395z"/>
<g>
<path style="fill:#F5F5F5;" d="M243.879,230.326l11.746,15.365l18.34-6.138c1.026-0.344,1.898,0.816,1.283,1.706l-10.983,15.918
l11.506,15.544c0.644,0.869-0.19,2.057-1.226,1.748l-18.534-5.527l-11.228,15.746c-0.629,0.881-2.016,0.455-2.042-0.626
l-0.471-19.333l-18.445-5.813c-1.031-0.325-1.056-1.776-0.035-2.136l18.243-6.422l-0.171-19.338
C241.85,229.938,243.223,229.467,243.879,230.326z"/>
<path style="fill:#F5F5F5;" d="M178.929,315.98c-33.1,0-59.95-26.85-59.95-59.98c0-33.068,26.85-59.979,59.95-59.979
c12.315,0,23.672,3.788,33.136,10.198c1.45,0.982,3.103-0.922,1.889-2.184c-14.145-14.706-34.164-23.677-56.36-22.92
c-38.135,1.301-69.703,31.876-72.14,69.955c-2.79,43.616,31.745,79.862,74.743,79.862c21.18,0,40.216-8.855,53.81-23.012
c1.201-1.251-0.457-3.127-1.892-2.153C202.64,312.188,191.266,315.98,178.929,315.98z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -6,6 +6,7 @@
@import 'components/table';
@import 'components/dropdown';
@import 'components/icon';
@import 'components/flag';
@import 'components/pagination';
@import 'components/status';
@import 'components/fieldset';

View File

@ -85,3 +85,36 @@
}
}
}
.dropdown-langs {
margin-bottom: -0.5rem;
.dropdown-menu {
min-width: auto;
padding-top: 0;
padding-bottom: .5rem;
}
&.is-mobile-modal {
.dropdown-menu {
max-width: 100px;
}
}
a.dropdown-item {
padding-right: 1rem;
line-height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 400;
.flag-icon {
margin-right: .5rem;
}
}
.button {
margin-bottom: 0;
}
}

View File

@ -0,0 +1,24 @@
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
height: 28px;
width: 28px;
&:before {
content: '\00a0';
}
}
// https://github.com/HatScripts/circle-flags/tree/master/flags
@mixin flag-icon($country) {
.flag-icon-#{$country} {
background-image: url('../img/flags/#{$country}.svg');
}
}
$countries: gb fr tr kr jp;
@each $country in $countries {
@include flag-icon($country);
}

View File

@ -15,7 +15,7 @@
v-model="$i18n.locale"
@change="langChange"
class="dropdown-langs"
position="is-top-left"
position="is-bottom-right"
aria-role="list"
>
<b-button slot="trigger" type="is-icon">