Add flag dropdown language switcher

This commit is contained in:
2026-04-26 12:05:31 +02:00
parent b06527e17d
commit fba487f21c
9 changed files with 77 additions and 12 deletions

View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 3" width="18" height="12" aria-hidden="true" focusable="false">
<rect width="5" height="3" fill="#FFCE00"/>
<rect width="5" height="2" y="0" fill="#DD0000"/>
<rect width="5" height="1" y="0" fill="#000"/>
</svg>

After

Width:  |  Height:  |  Size: 274 B

View File

@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="18" height="12" aria-hidden="true" focusable="false">
<clipPath id="t">
<path d="M0 0v30h60V0z"/>
</clipPath>
<path d="M0 0v30h60V0z" fill="#012169"/>
<path d="M0 0l60 30m0-30L0 30" stroke="#FFF" stroke-width="6"/>
<path d="M0 0l60 30m0-30L0 30" clip-path="url(#t)" stroke="#C8102E" stroke-width="4"/>
<path d="M30 0v30M0 15h60" stroke="#FFF" stroke-width="10"/>
<path d="M30 0v30M0 15h60" stroke="#C8102E" stroke-width="6"/>
</svg>

After

Width:  |  Height:  |  Size: 519 B

View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2" width="18" height="12" aria-hidden="true" focusable="false">
<rect width="3" height="2" fill="#AA151B"/>
<rect width="3" height="1" y="0.5" fill="#F1BF00"/>
</svg>

After

Width:  |  Height:  |  Size: 227 B

View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2" width="18" height="12" aria-hidden="true" focusable="false">
<rect width="1" height="2" x="0" fill="#0055A4"/>
<rect width="1" height="2" x="1" fill="#FFF"/>
<rect width="1" height="2" x="2" fill="#EF4135"/>
</svg>

After

Width:  |  Height:  |  Size: 280 B

View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2" width="18" height="12" aria-hidden="true" focusable="false">
<rect width="1" height="2" x="0" fill="#009246"/>
<rect width="1" height="2" x="1" fill="#FFF"/>
<rect width="1" height="2" x="2" fill="#CE2B37"/>
</svg>

After

Width:  |  Height:  |  Size: 280 B

View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 6" width="18" height="12" aria-hidden="true" focusable="false">
<path fill="#21468B" d="M0 0h9v6H0z"/>
<path fill="#FFF" d="M0 0h9v4H0z"/>
<path fill="#AE1C28" d="M0 0h9v2H0z"/>
</svg>

After

Width:  |  Height:  |  Size: 247 B

View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2" width="18" height="12" aria-hidden="true" focusable="false">
<rect width="3" height="2" fill="#D01C1F"/>
<rect width="1.2" height="2" x="0" fill="#006600"/>
</svg>

After

Width:  |  Height:  |  Size: 227 B

View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2" width="18" height="12" aria-hidden="true" focusable="false">
<rect width="3" height="2" fill="#D52B1E"/>
<rect width="3" height="1.3333" y="0" fill="#0039A6"/>
<rect width="3" height="0.6667" y="0" fill="#FFF"/>
</svg>

After

Width:  |  Height:  |  Size: 284 B