salt/mandelstudio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add inline critical header alignment fallback

Browse Source
This commit is contained in:
Mandel Olaiya
2026-05-13 23:11:44 +02:00
parent 4fb7b3ee1f
commit e974029f9f
1 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
mandelstudio/templates/layout.html
View File

@@ -26,6 +26,40 @@
{% endif %}
{{ block.super }}
<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 %}
<link rel="stylesheet" type="text/css" href="{% static 'cookie_jar/css/cookie_jar.css' %}">
{% endif %}