From 0f1351b03e338f346b7c9bef16a569e58019fab9 Mon Sep 17 00:00:00 2001 From: Simon L Date: Thu, 13 Apr 2023 10:16:44 +0200 Subject: [PATCH] adjust sidebar to go full-screen earlier at 768px Signed-off-by: Simon L --- src/components/NcAppNavigation/NcAppNavigation.vue | 2 +- src/components/NcAppSidebar/NcAppSidebar.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/NcAppNavigation/NcAppNavigation.vue b/src/components/NcAppNavigation/NcAppNavigation.vue index e80a30aed1..be1efc3fac 100644 --- a/src/components/NcAppNavigation/NcAppNavigation.vue +++ b/src/components/NcAppNavigation/NcAppNavigation.vue @@ -200,7 +200,7 @@ export default { } // Put the toggle behind appsidebar on small screens -@media only screen and (max-width: math.div($breakpoint-mobile, 2)) { +@media only screen and (max-width: 768px) { .app-navigation { z-index: 1400; } diff --git a/src/components/NcAppSidebar/NcAppSidebar.vue b/src/components/NcAppSidebar/NcAppSidebar.vue index f4c4117f73..422f64ab1e 100644 --- a/src/components/NcAppSidebar/NcAppSidebar.vue +++ b/src/components/NcAppSidebar/NcAppSidebar.vue @@ -1061,7 +1061,7 @@ $top-buttons-spacing: 6px; } // Make the sidebar full-width on small screens -@media only screen and (max-width: math.div($breakpoint-mobile, 2)) { +@media only screen and (max-width: 768px) { .app-sidebar { width: 100vw; }