From a2c967aec0ecd928a529d17c93c3bb994bb85b16 Mon Sep 17 00:00:00 2001 From: Jannik Stehle Date: Fri, 30 Apr 2021 13:26:27 +0200 Subject: [PATCH 1/3] Fix z-index on the new file menu --- changelog/unreleased/bugfix-new-file-menu-z-index | 6 ++++++ packages/web-app-files/src/App.vue | 1 - 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 changelog/unreleased/bugfix-new-file-menu-z-index diff --git a/changelog/unreleased/bugfix-new-file-menu-z-index b/changelog/unreleased/bugfix-new-file-menu-z-index new file mode 100644 index 00000000000..ed1d3cf4252 --- /dev/null +++ b/changelog/unreleased/bugfix-new-file-menu-z-index @@ -0,0 +1,6 @@ +Bugfix: Fix z-index on the new file menu + +Removed the z-index on the files-app-bar because it prevented the new file menu from having a higher z-index +than the table headers. As a result the new file menu was being overlapped by them. + +https://github.com/owncloud/web/pull/5039 diff --git a/packages/web-app-files/src/App.vue b/packages/web-app-files/src/App.vue index aabfdd727ef..92efff51a6f 100644 --- a/packages/web-app-files/src/App.vue +++ b/packages/web-app-files/src/App.vue @@ -139,7 +139,6 @@ export default { #files-app-bar { position: sticky; height: auto; - z-index: 1; grid-area: header; } From 51644644428a4d38cc6952548d262b14ef3fffea Mon Sep 17 00:00:00 2001 From: Jannik Stehle Date: Fri, 30 Apr 2021 13:29:34 +0200 Subject: [PATCH 2/3] Fix PR link in changelog --- changelog/unreleased/bugfix-new-file-menu-z-index | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/changelog/unreleased/bugfix-new-file-menu-z-index b/changelog/unreleased/bugfix-new-file-menu-z-index index ed1d3cf4252..045f61adb9d 100644 --- a/changelog/unreleased/bugfix-new-file-menu-z-index +++ b/changelog/unreleased/bugfix-new-file-menu-z-index @@ -3,4 +3,4 @@ Bugfix: Fix z-index on the new file menu Removed the z-index on the files-app-bar because it prevented the new file menu from having a higher z-index than the table headers. As a result the new file menu was being overlapped by them. -https://github.com/owncloud/web/pull/5039 +https://github.com/owncloud/web/pull/5056 From 3a6ad944ac59c8adeb3d2afd54a882711a2e35a3 Mon Sep 17 00:00:00 2001 From: Jannik Stehle Date: Fri, 30 Apr 2021 15:33:05 +0200 Subject: [PATCH 3/3] Fix z-index issues which occoured after the fix --- changelog/unreleased/bugfix-new-file-menu-z-index | 2 +- packages/web-app-files/src/App.vue | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/changelog/unreleased/bugfix-new-file-menu-z-index b/changelog/unreleased/bugfix-new-file-menu-z-index index 045f61adb9d..778dd55ea7c 100644 --- a/changelog/unreleased/bugfix-new-file-menu-z-index +++ b/changelog/unreleased/bugfix-new-file-menu-z-index @@ -1,6 +1,6 @@ Bugfix: Fix z-index on the new file menu -Removed the z-index on the files-app-bar because it prevented the new file menu from having a higher z-index +Added a z-index to files-view because it prevented the new file menu from having a higher z-index than the table headers. As a result the new file menu was being overlapped by them. https://github.com/owncloud/web/pull/5056 diff --git a/packages/web-app-files/src/App.vue b/packages/web-app-files/src/App.vue index 92efff51a6f..b267262cf8b 100644 --- a/packages/web-app-files/src/App.vue +++ b/packages/web-app-files/src/App.vue @@ -139,11 +139,13 @@ export default { #files-app-bar { position: sticky; height: auto; + z-index: 1; grid-area: header; } #files-view { grid-area: main; + z-index: 0; } #files-upload-progress {