Fix #6696

owncloud · Apr 1, 2022 · 295f2be · 295f2be
1 parent 9188809
commit 295f2be
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/changelog/unreleased/bugfix-unsticky-appbar-position b/changelog/unreleased/bugfix-unsticky-appbar-position
@@ -0,0 +1,6 @@
+Bugfix: Unsticky appbar position
+
+After recent changes to the files appbar, it wouldn't be visible when scrolling inside the table. This has been resolved.
+
+https://github.com/owncloud/web/pull/6705
+https://github.com/owncloud/web/issues/6696
diff --git a/packages/web-app-files/src/components/AppBar/AppBar.vue b/packages/web-app-files/src/components/AppBar/AppBar.vue
@@ -127,10 +127,12 @@ export default {
 <style lang="scss" scoped>
 #files-app-bar {
   background-color: var(--oc-color-background-default);
+  border-top-right-radius: 15px;
   box-sizing: border-box;
   z-index: 2;
+  position: sticky;
   padding: 0 var(--oc-space-medium);
-  border-top-right-radius: 15px;
+  top: 0;
 
   .files-app-bar-actions {
     align-items: center;

diff --git a/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue b/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue
@@ -51,7 +51,7 @@ export default {
     }
   },
   computed: {
-    ...mapState(['sidebar', 'navigation']),
+    ...mapState(['navigation']),
 
     toggleSidebarButtonClass() {
       return this.navigation.closed