Add inline critical header alignment fallback

This commit is contained in:
2026-05-13 23:11:44 +02:00
parent 4fb7b3ee1f
commit e974029f9f

View File

@@ -26,6 +26,40 @@
{% endif %} {% endif %}
{{ block.super }} {{ block.super }}
<link rel="stylesheet" href="{% static 'mandelstudio/css/header-overrides.css' %}"> <link rel="stylesheet" href="{% static 'mandelstudio/css/header-overrides.css' %}">
<style>
header .header-right { display: flex; align-items: center; gap: .5rem; }
header .header-right .language-dropdown,
header .header-right .basket-dropdown,
header .header-right > a.user-button.menu-circle {
flex: 0 0 40px;
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
margin: 0 !important;
padding: 0 !important;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
header .header-right .menu-circle {
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
header .header-right .menu-circle i,
header .header-right .menu-circle svg { display: block; line-height: 1; }
header .language-dropdown .dropdown-toggle::after { display: none; }
header .language-dropdown .dropdown-toggle { width: 40px; height: 40px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
header .language-dropdown .language-icon,
header .basket-dropdown .dropdown-toggle svg { width: 18px; height: 18px; font-size: 18px; line-height: 18px; }
</style>
{% if cookie_jar.needs_approval %} {% if cookie_jar.needs_approval %}
<link rel="stylesheet" type="text/css" href="{% static 'cookie_jar/css/cookie_jar.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'cookie_jar/css/cookie_jar.css' %}">
{% endif %} {% endif %}