Replace link with button

fsr-de · Jul 15, 2024 · ff7c317 · ff7c317
1 parent 18a0eab
commit ff7c317
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/myhpi/static/scss/footer.scss b/myhpi/static/scss/footer.scss
@@ -25,6 +25,12 @@
             text-decoration: underline;
         }
     }
+
+    .btn-link {
+        color: var(--bs-text-light);
+        text-decoration: none;
+        padding: 0;
+    }
 }
 
 @media screen and (min-width: 576px) {

diff --git a/myhpi/templates/footer.html b/myhpi/templates/footer.html
@@ -13,14 +13,12 @@
     <div class="footer-category">
       <h2>{% translate "Language" %}</h2>
       {% for translation in page.get_translations %}
-      <form id="language-form-{{ translation.locale }}" action="{% url 'set_language' %}" method="post" style="display: none;">
+      <form id="language-form-{{ translation.locale }}" action="{% url 'set_language' %}" method="post">
         {% csrf_token %}
-        <input name="next" type="hidden" value="{{ redirect_to }}">
+        <input name="next" type="hidden" value="{{ translation.url }}">
         <input type="hidden" name="language" value="{{ translation.locale.language_code }}">
+        <button class="btn btn-link" type="submit">{{ translation.locale }}</button>
       </form>
-      <a href="#" onclick="document.getElementById('language-form-{{ translation.locale }}').submit(); return false;">
-        {{ translation.locale }}
-      </a>
       {% endfor %}
     </div>
   </div>