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

Serve layout overrides via compiled CSS to avoid manifest SCSS lookup

Browse Source
This commit is contained in:
Mandel Olaiya
2026-05-14 02:59:18 +02:00
parent dab39b37cc
commit 8d7c21a9df
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
mandelstudio/static/mandelstudio/css/layout_overrides.css Normal file
View File

@@ -0,0 +1,2 @@
header .header-right{display:flex;align-items:center;gap:0.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{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}header .language-dropdown .dropdown-toggle::after{display:none}header .language-dropdown .language-icon{width:18px;height:18px;font-size:18px;line-height:18px;color:#fff}header .language-dropdown .language-chevron{display:none !important}header .basket-dropdown .dropdown-toggle svg{width:18px;height:18px;font-size:18px;line-height:18px}#cookie_popup_body.cookie-consent-overlay{position:fixed;inset:0;z-index:1080;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,0.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#cookie_popup_body.cookie-consent-overlay .cookie-consent-modal{width:100%;max-width:680px;padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,0.35);background:rgba(255,255,255,0.22);box-shadow:0 24px 64px rgba(0,0,0,0.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}#cookie_popup_body.cookie-consent-overlay .cookie-consent-panel{display:none}#cookie_popup_body.cookie-consent-overlay .cookie-consent-panel.is-active{display:block}#cookie_popup_body.cookie-consent-overlay .cookie-banner-title{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:24px;font-weight:700;line-height:1.2;color:#ffffff}#cookie_popup_body.cookie-consent-overlay #cookie_popup_content p{margin:0;font-size:17px;line-height:1.5;color:rgba(255,255,255,0.95)}#cookie_popup_body.cookie-consent-overlay .cookie-consent-actions{display:flex;gap:12px;margin-top:18px}#cookie_popup_body.cookie-consent-overlay #cookie_popup_acceptButton,#cookie_popup_body.cookie-consent-overlay #cookie_popup_settingsToggle,#cookie_popup_body.cookie-consent-overlay #cookie_popup_acceptButton_settings,#cookie_popup_body.cookie-consent-overlay #cookie_model_saveButton{flex:1 1 0;height:46px;border-radius:10px;border:1px solid transparent;font-size:17px;font-weight:600;line-height:1;transition:background-color 140ms ease, border-color 140ms ease, color 140ms ease}#cookie_popup_body.cookie-consent-overlay #cookie_popup_acceptButton{background:#2f80ed;border-color:#2f80ed;color:#fff}#cookie_popup_body.cookie-consent-overlay #cookie_popup_acceptButton:hover,#cookie_popup_body.cookie-consent-overlay #cookie_popup_acceptButton:focus-visible{background:#1f6fd8;border-color:#1f6fd8}#cookie_popup_body.cookie-consent-overlay #cookie_popup_settingsToggle,#cookie_popup_body.cookie-consent-overlay #cookie_popup_acceptButton_settings{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.48);color:#fff}#cookie_popup_body.cookie-consent-overlay #cookie_popup_settingsToggle:hover,#cookie_popup_body.cookie-consent-overlay #cookie_popup_settingsToggle:focus-visible,#cookie_popup_body.cookie-consent-overlay #cookie_popup_acceptButton_settings:hover,#cookie_popup_body.cookie-consent-overlay #cookie_popup_acceptButton_settings:focus-visible{background:rgba(255,255,255,0.22)}#cookie_popup_body.cookie-consent-overlay #cookie_model_saveButton{background:#2f80ed;border-color:#2f80ed;color:#fff}#cookie_popup_body.cookie-consent-overlay #cookie_model_saveButton:hover,#cookie_popup_body.cookie-consent-overlay #cookie_model_saveButton:focus-visible{background:#1f6fd8;border-color:#1f6fd8}#cookie_popup_body.cookie-consent-overlay .cookie-consent-back{border:0;background:transparent;color:rgba(255,255,255,0.95);display:inline-flex;align-items:center;gap:8px;padding:0;margin-bottom:10px;font-size:14px;font-weight:600}#cookie_popup_body.cookie-consent-overlay .cookie-consent-hint{margin-top:10px;font-size:13px;line-height:1.4;color:rgba(255,255,255,0.82)}@media (max-width: 640px){#cookie_popup_body.cookie-consent-overlay{padding:12px}#cookie_popup_body.cookie-consent-overlay .cookie-consent-modal{padding:18px;border-radius:14px}#cookie_popup_body.cookie-consent-overlay .cookie-banner-title{font-size:21px}#cookie_popup_body.cookie-consent-overlay #cookie_popup_content p{font-size:15px}#cookie_popup_body.cookie-consent-overlay .cookie-consent-actions{flex-direction:column}}

2
mandelstudio/templates/layout.html
View File

@@ -15,7 +15,7 @@
{{ block.super }} {{ block.super }}
{# Ensure Carbasa webshop styling is present so responsive header/footer render correctly. #} {# Ensure Carbasa webshop styling is present so responsive header/footer render correctly. #}
<link rel="stylesheet" type="text/x-scss" href="{% static 'carbasa/webshop_base.scss' %}"> <link rel="stylesheet" type="text/x-scss" href="{% static 'carbasa/webshop_base.scss' %}">
<link rel="stylesheet" type="text/x-scss" href="{% static 'mandelstudio/scss/layout_overrides.scss' %}"> <link rel="stylesheet" type="text/css" href="{% static 'mandelstudio/css/layout_overrides.css' %}">
{% endblock %} {% endblock %}
{% block extrahead %} {% block extrahead %}