-
+
diff --git a/src/partials/dashboard/_topbar.html b/src/partials/dashboard/_topbar.html
index 09fae677c..1edb2f227 100644
--- a/src/partials/dashboard/_topbar.html
+++ b/src/partials/dashboard/_topbar.html
@@ -151,7 +151,8 @@
-
+
+
diff --git a/src/scss/_wrapper.scss b/src/scss/_wrapper.scss
index 6d694ebec..8c727d6a4 100644
--- a/src/scss/_wrapper.scss
+++ b/src/scss/_wrapper.scss
@@ -12,7 +12,7 @@
"main-sidebar main-header"
"main-sidebar content-wrapper"
"main-sidebar main-footer";
- grid-template-columns: auto 1fr;
- grid-template-rows: auto 1fr auto;
+ grid-template-columns: auto minmax(100%, max-content);
+ grid-template-rows: min-content 100% min-content;
min-height: 100vh;
}
diff --git a/src/ts/push-menu.ts b/src/ts/push-menu.ts
index 34de3cfcd..c7bcf8ebf 100644
--- a/src/ts/push-menu.ts
+++ b/src/ts/push-menu.ts
@@ -130,11 +130,15 @@ class PushMenu {
addSidebaBreakPoint(): void {
const bodyClass = document.body.classList
- const widthOutput: number = window.innerWidth
+ const widthOutput = window.innerWidth
+
+ if (widthOutput < Defaults.onLayouMobile) {
+ bodyClass.add(CLASS_NAME_LAYOUT_MOBILE)
+ }
+
if (widthOutput >= Defaults.onLayouMobile) {
bodyClass.remove(CLASS_NAME_LAYOUT_MOBILE)
- } else {
- bodyClass.add(CLASS_NAME_LAYOUT_MOBILE)
+ this.expand()
}
}