Fixed mobile view for bootstrap5

This commit is contained in:
Jan Böhmer 2022-08-03 23:46:44 +02:00
parent aa00558969
commit 7dfbb4c536
2 changed files with 4 additions and 4 deletions

View file

@ -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>

View file

@ -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>