From f05185db366089001d6f78e0853800e476a25a45 Mon Sep 17 00:00:00 2001 From: Jannik Stehle Date: Thu, 31 Oct 2024 15:09:28 +0100 Subject: [PATCH] fix: right side bar cut off --- changelog/unreleased/bugfix-right-side-bar-cut-off | 6 ++++++ packages/web-pkg/src/components/SideBar/SideBar.vue | 4 ++-- 2 files changed, 8 insertions(+), 2 deletions(-) create mode 100644 changelog/unreleased/bugfix-right-side-bar-cut-off diff --git a/changelog/unreleased/bugfix-right-side-bar-cut-off b/changelog/unreleased/bugfix-right-side-bar-cut-off new file mode 100644 index 00000000000..32fa17001c4 --- /dev/null +++ b/changelog/unreleased/bugfix-right-side-bar-cut-off @@ -0,0 +1,6 @@ +Bugfix: Right side bar cut off + +We've fixed a bug where the right sidebar would cut off at a browser width >960px and <1024px. + +https://github.com/owncloud/web/issues/11830 +https://github.com/owncloud/web/pull/11842 diff --git a/packages/web-pkg/src/components/SideBar/SideBar.vue b/packages/web-pkg/src/components/SideBar/SideBar.vue index dcea465a1cf..ee1264d78eb 100644 --- a/packages/web-pkg/src/components/SideBar/SideBar.vue +++ b/packages/web-pkg/src/components/SideBar/SideBar.vue @@ -203,7 +203,7 @@ export default defineComponent({ return $gettext('Back to main panels') }) - const fullWidthSideBar = computed(() => window.innerWidth <= 960) + const fullWidthSideBar = computed(() => window.innerWidth <= 1024) const backgroundContentEl = computed(() => { return unref(appSideBar)?.parentElement?.querySelector('div') as HTMLElement }) @@ -291,7 +291,7 @@ export default defineComponent({ width: 100% !important; } -@media only screen and (max-width: 960px) { +@media only screen and (max-width: 1024px) { .files-wrapper { flex-wrap: nowrap !important; }