From 71c6c5fcc1e8ebedf224ce6c1ac680fcff49cc14 Mon Sep 17 00:00:00 2001
From: Dominik George <dominik.george@teckids.org>
Date: Thu, 14 Mar 2024 22:32:34 +0100
Subject: [PATCH] Animate/fade dropdown menus

---
 templates/menu.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/templates/menu.html b/templates/menu.html
index a30288cc..f3422e8e 100644
--- a/templates/menu.html
+++ b/templates/menu.html
@@ -1,4 +1,4 @@
-<nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation" id="main-navbar">
+<nav class="navbar is-fixed-top is-boxed" role="navigation" aria-label="main navigation" id="main-navbar">
     <input type="checkbox" id="burger-toggle" role="button" class="navbar-toggle" aria-label="menu" aria-expanded="false" data-target="main-menu" />
     <div class="navbar-brand">
         <a href="{{ get_url(path="@/_index.md") }}" class="navbar-item">
@@ -16,28 +16,28 @@
         <div class="navbar-start">
             <div class="navbar-item has-dropdown is-hoverable is-mega">
                 <a href="#" class="navbar-item">Projekte</a>
-                <div class="navbar-dropdown">
+                <div class="navbar-dropdown is-boxed">
                     {% include "menu/projects.html" %}
                 </div>
             </div>
 
             <div class="navbar-item has-dropdown is-hoverable is-mega">
                 <a href="#" class="navbar-item">Informationen für…</a>
-                <div class="navbar-dropdown">
+                <div class="navbar-dropdown is-boxed">
                     {% include "menu/infos.html" %}
                 </div>
             </div>
 
             <div class="navbar-item has-dropdown is-hoverable">
                 <a href="#" class="navbar-item">Teckids-Gemeinschaft</a>
-                <div class="navbar-dropdown">
+                <div class="navbar-dropdown is-boxed">
                     {% include "menu/gemeinschaften.html" %}
                 </div>
             </div>
 
             <div class="navbar-item has-dropdown is-hoverable">
                 <a href="#" class="navbar-item">Updates</a>
-                <div class="navbar-dropdown">
+                <div class="navbar-dropdown is-boxed">
                     {% include "menu/updates.html" %}
                 </div>
             </div>
-- 
GitLab