fix footer color in XS

kimai · Nov 19, 2024 · 4787062 · 4787062
1 parent 677070c
commit 4787062
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,5 +1,6 @@
 {% assign is_light = false %}
 {% assign is_dark = true %}
+{% assign text_class = '' %}
 {% if page.footer_light != nil %}
     {% assign is_light = page.footer_light %}
 {% endif %}
@@ -8,6 +9,9 @@
 {% endif %}
 {% if is_light %}
     {% assign is_dark = false %}
+    {% assign text_class = 'text-dark' %}
+{% else %}
+    {% assign text_class = 'text-white' %}
 {% endif %}
 {% assign englishOrGerman = 'en' %}
 {% if page.lang == 'de' %}
@@ -18,11 +22,11 @@
         <div class="row">
             <div class="col-md-5 col-xl-4 mb-4 mb-md-5 mb-lg-0">
                 <div class="d-flex align-items-center pb-3 mb-1">
-                    <div class="navbar-brand {% if is_light %}text-dark {% endif%}p-0 pe-1 me-0">
+                    <div class="navbar-brand {{ text_class}} p-0 pe-1 me-0">
                         Kimai
                     </div>
                     <hr class="vr mt-2 mx-3" style="height: 26px;">
-                    <div class="{% if is_dark %}text-white{% else %}text-dark{% endif %} fw-semibold ps-1">{{ site.data[page.lang].translation.slogan }}</div>
+                    <div class="{{ text_class}} fw-semibold ps-1">{{ site.data[page.lang].translation.slogan }}</div>
                 </div>
                 <p class="text-body fs-sm pb-1 pb-md-2 pb-lg-2 mb-2">
                     {{ site.data[page.lang].translation.footer }}
@@ -53,7 +57,7 @@
                     <div class="col-12 col-md-6 col-lg-4">
                         <h6 class="fs-lg mb-1 mb-md-2">
                             <span class="d-none d-md-block">Company</span>
-                            <a href="#tools" class="d-block text-dark dropdown-toggle d-md-none py-2" data-bs-toggle="collapse">Company</a>
+                            <a href="#tools" class="d-block {{ text_class}} dropdown-toggle d-md-none py-2" data-bs-toggle="collapse">Company</a>
                         </h6>
                         <div id="tools" class="collapse d-md-block" data-bs-parent="#footer-links">
                             <ul class="nav flex-column">
@@ -78,7 +82,7 @@ <h6 class="fs-lg mb-1 mb-md-2">
                     <div class="col-12 col-md-6 col-lg-4">
                         <h6 class="fs-lg mb-1 mb-md-2">
                             <span class="d-none d-md-block">Kimai {% if page.lang == 'de' %}für{% else %}for{% endif %}</span>
-                            <a href="#landing-kimai-for" class="d-block text-dark dropdown-toggle d-md-none py-2" data-bs-toggle="collapse">Kimai</a>
+                            <a href="#landing-kimai-for" class="d-block {{ text_class}} dropdown-toggle d-md-none py-2" data-bs-toggle="collapse">Kimai</a>
                         </h6>
                         <div id="landing-kimai-for" class="collapse d-md-block" data-bs-parent="#footer-links">
                             <ul class="nav flex-column">
@@ -97,7 +101,7 @@ <h6 class="fs-lg mb-1 mb-md-2">
                     <div class="col-12 col-md-6 col-lg-4">
                         <h6 class="fs-lg mb-1 mb-md-2">
                             <span class="d-none d-md-block">{{ site.data[page.lang].translation.comparison.footer-title }}</span>
-                            <a href="#footer-cmp" class="d-block text-dark dropdown-toggle d-md-none py-2" data-bs-toggle="collapse">{{ site.data[page.lang].translation.comparison.footer-title }}</a>
+                            <a href="#footer-cmp" class="d-block {{ text_class}} dropdown-toggle d-md-none py-2" data-bs-toggle="collapse">{{ site.data[page.lang].translation.comparison.footer-title }}</a>
                         </h6>
                         <div id="footer-cmp" class="collapse d-md-block" data-bs-parent="#footer-links">
                             <ul class="nav flex-column">