From 49c6063f5f15df62839dd960184efcdac587c0a8 Mon Sep 17 00:00:00 2001
From: muli <muli@mrmuli.de>
Date: Sun, 8 Dec 2024 18:01:10 +0100
Subject: [PATCH] fix: Move inline style to css file and set max-height.

This prevents the logo from overlapping the menu icon when the font-size is increased for accessibility.
---
 assets/css/style.css               | 5 +++++
 templates/header_slim.html         | 2 +-
 templates/header_slim_submenu.html | 2 +-
 templates/header_with_logo.html    | 2 +-
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index cbace3a6..bb7f2400 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -196,6 +196,11 @@ header {
     grid-row: 1 / span 1;
 }
 
+.header__logo {
+    height: 7rem;
+    max-height: 112px;
+}
+
 .header__homelink {
     display: inline-block;
     position: relative;
diff --git a/templates/header_slim.html b/templates/header_slim.html
index c65f8053..ee7d52bc 100644
--- a/templates/header_slim.html
+++ b/templates/header_slim.html
@@ -4,7 +4,7 @@
         <div class="header__logo_box">
             <a class="header__homelink" href="{{ '/'|url }}" title="Startseite">
                 {% if '/images/wtf_logo.svg'|asseturl is defined -%}
-                    <img class="header__logo" src="{{ '/images/wtf_logo.svg'|asseturl }}" style="height: 7rem;">
+                    <img class="header__logo" src="{{ '/images/wtf_logo.svg'|asseturl }}">
                 {%- endif %}
             </a>
         </div>
diff --git a/templates/header_slim_submenu.html b/templates/header_slim_submenu.html
index 817fbca1..68ade1eb 100644
--- a/templates/header_slim_submenu.html
+++ b/templates/header_slim_submenu.html
@@ -4,7 +4,7 @@
         <div class="header__logo_box">
             <a class="header__homelink" href="{{ '/'|url }}" title="Startseite">
                 {% if '/images/wtf_logo.svg'|asseturl is defined -%}
-                    <img class="header__logo" src="{{ '/images/wtf_logo.svg'|asseturl }}" style="height: 7rem;">
+                    <img class="header__logo" src="{{ '/images/wtf_logo.svg'|asseturl }}">
                 {%- endif %}
             </a>
         </div>
diff --git a/templates/header_with_logo.html b/templates/header_with_logo.html
index 7771711c..345d2896 100644
--- a/templates/header_with_logo.html
+++ b/templates/header_with_logo.html
@@ -4,7 +4,7 @@
         <div class="header__logo_box">
             <a class="header__homelink" href="{{ '/'|url }}" title="Startseite">
                 {% if '/images/wtf_logo.svg'|asseturl is defined -%}
-                    <img class="header__logo" src="{{ '/images/wtf_logo.svg'|asseturl }}" style="height: 7rem;">
+                    <img class="header__logo" src="{{ '/images/wtf_logo.svg'|asseturl }}">
                 {%- endif %}
             </a>
         </div>