From 7dfbb4c53687a9389a2469f74bcab84307e0d725 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20B=C3=B6hmer?= <mail@jan-boehmer.de>
Date: Wed, 3 Aug 2022 23:46:44 +0200
Subject: [PATCH] Fixed mobile view for bootstrap5

---
 templates/_navbar.html.twig | 4 ++--
 templates/base.html.twig    | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/_navbar.html.twig b/templates/_navbar.html.twig
index 1d6615fb..cd262a50 100644
--- a/templates/_navbar.html.twig
+++ b/templates/_navbar.html.twig
@@ -1,6 +1,6 @@
 <nav class="navbar navbar-expand-md navbar-light bg-light border-bottom shadow-sm fixed-top py-0" id="navbar">
     <div class="container-fluid">
-        <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-target="#sidebar-container">
+        <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#sidebar-container">
             <span class="visually-hidden">{% trans %}sidebar.toggle{% endtrans %}</span>
             <!-- <span class="navbar-toggler-icon"></span> -->
             <i class="fas fa-folder-open fa-lg fa-fw"></i>
@@ -9,7 +9,7 @@
         <a class="navbar-brand" href="{{ path('homepage') }}"><i class="fa fa-microchip"
                                                                  aria-hidden="true"></i> {{ partdb_title }}</a>
 
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-target="#navbarContent"
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent"
                 aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
             <!-- <span class="navbar-toggler-icon"></span> -->
             <i class="fas fa-bars  fa-lg"></i>
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 9b4093fd..26e27881 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -74,8 +74,8 @@
             <div class="row">
                 {% include "_toast_container.html.twig" %}
 
-                <div class="collapse d-md-block bg-light" id="sidebar-container">
-                    <nav  class="fixed-sidebar col-md-3 col-lg-2 " id="fixed-sidebar">
+                <div class="collapse d-md-block" id="sidebar-container">
+                    <nav  class="fixed-sidebar col-md-3 col-lg-2 bg-body" id="fixed-sidebar">
                         <turbo-frame id="sidebar" target="content" data-turbo-action="advance" data-turbo-permanent>
                             {% include "_sidebar.html.twig" %}
                         </turbo-frame>