Fixing scrolling sidebar even when collapsed

This commit is contained in:
Silversthorn 2022-10-04 23:10:03 +02:00
parent d87a2c4c17
commit 425cb3869b
2 changed files with 155 additions and 153 deletions

View File

@ -88,6 +88,7 @@
</div> </div>
</nav> </nav>
<div class="container-fluid page-body-wrapper">
{% include main_menu.html %} {% include main_menu.html %}
<div class="main-panel"> <div class="main-panel">

View File

@ -1,5 +1,4 @@
<!-- partial --> <!-- partial -->
<div class="container-fluid page-body-wrapper">
<!-- partial:partials/_sidebar.html --> <!-- partial:partials/_sidebar.html -->
<style> <style>
@media screen and (max-width: 991px) { @media screen and (max-width: 991px) {
@ -57,9 +56,11 @@
if (isExtraLargeBreakpoint()) { if (isExtraLargeBreakpoint()) {
let value = localStorage.getItem('crafty-sidebar-expanded') !== 'false'; let value = localStorage.getItem('crafty-sidebar-expanded') !== 'false';
$('body').toggleClass('sidebar-icon-only', !value); $('body').toggleClass('sidebar-icon-only', !value);
$('body').toggleClass('sidebar-fixed', true);
localStorage.setItem('crafty-sidebar-expanded', value); localStorage.setItem('crafty-sidebar-expanded', value);
} else if (isLargeBreakpoint()) { } else if (isLargeBreakpoint()) {
$('body').toggleClass('sidebar-icon-only', true); $('body').toggleClass('sidebar-icon-only', true);
$('body').toggleClass('sidebar-fixed', true);
} }
} }
</script> </script>