fix: right side bar cut off

owncloud · Oct 31, 2024 · f05185d · f05185d
1 parent 07de250
commit f05185d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/changelog/unreleased/bugfix-right-side-bar-cut-off 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
@@ -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;
   }