Fix language dropdown trigger icon

This commit is contained in:
2026-04-26 12:17:01 +02:00
parent edd29502d1
commit 9e2a67dede
2 changed files with 26 additions and 1 deletions

View File

@@ -25,6 +25,26 @@
<link rel="preconnect" href="https://www.google-analytics.com/">
{% endif %}
{{ block.super }}
<style>
header .language-dropdown .dropdown-toggle::after { display: none; }
header .language-dropdown .dropdown-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.3rem;
}
header .language-dropdown .dropdown-toggle .language-icon,
header .language-dropdown .dropdown-toggle .language-chevron {
display: block;
}
header .language-dropdown .dropdown-toggle .language-chevron {
opacity: .9;
}
header .language-dropdown .dropdown-menu svg {
width: 1.5rem;
height: auto;
}
</style>
{% if cookie_jar.needs_approval %}
<link rel="stylesheet" type="text/css" href="{% static 'cookie_jar/css/cookie_jar.css' %}">
{% endif %}

View File

@@ -14,7 +14,12 @@
aria-expanded="false"
aria-label="{% trans 'Language switcher' %}"
>
{% include "oxyan/partials/flags/"|add:current_language|add:".svg" %}
<svg class="language-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" aria-hidden="true" focusable="false">
<path fill="currentColor" d="M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm7.93 9h-3.21a15.9 15.9 0 0 0-1.25-5.02A8.02 8.02 0 0 1 19.93 11ZM12 4c.77 0 1.97 1.52 2.73 5H9.27C10.03 5.52 11.23 4 12 4ZM4.07 13h3.21c.23 1.84.75 3.57 1.25 5.02A8.02 8.02 0 0 1 4.07 13Zm3.21-2H4.07a8.02 8.02 0 0 1 4.46-5.02c-.5 1.45-1.02 3.18-1.25 5.02ZM12 20c-.77 0-1.97-1.52-2.73-5h5.46c-.76 3.48-1.96 5-2.73 5Zm3.05-7H8.95a14.2 14.2 0 0 1 0-2h6.1a14.2 14.2 0 0 1 0 2Zm.42 5.02c.5-1.45 1.02-3.18 1.25-5.02h3.21a8.02 8.02 0 0 1-4.46 5.02Z"/>
</svg>
<svg class="language-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="10" height="10" aria-hidden="true" focusable="false">
<path fill="currentColor" d="M5.6 7.3a1 1 0 0 1 1.4 0L10 10.3l3-3a1 1 0 1 1 1.4 1.4l-3.7 3.7a1 1 0 0 1-1.4 0L5.6 8.7a1 1 0 0 1 0-1.4Z"/>
</svg>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="header-language-switcher">
<form action="{% url 'set_language' %}" method="post" class="language_form">