From fe0a8b4df32c9f693642861d2aa95e7ab2c7298b Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 18 Apr 2019 17:37:44 +0200 Subject: [PATCH 1/3] Fix multiselect bar overlapping recommendations Signed-off-by: Jan-Christoph Borchardt --- apps/files/css/files.scss | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 04987f8839..8d01e26b96 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -262,11 +262,8 @@ table th.column-last, table td.column-last { } /* Multiselect bar */ -#filestable.multiselect { - top: 51px; -} table.multiselect thead { - position: fixed; + position: sticky; top: 94px; z-index: 55; -moz-box-sizing: border-box; @@ -275,7 +272,7 @@ table.multiselect thead { } table.multiselect thead th { - background-color: var(--color-main-background); + background-color: var(--color-main-background-translucent); font-weight: bold; border-bottom: 0; } @@ -783,7 +780,7 @@ table.dragshadow td.size { tr { display: block; border-bottom: 1px solid var(--color-border); - background-color: var(--color-main-background); + background-color: var(--color-main-background-translucent); th { width: auto; border: none; From 311c4147bf468af42569e43f9dcc4102da8c6f1f Mon Sep 17 00:00:00 2001 From: Morris Jobke Date: Thu, 18 Apr 2019 18:36:44 +0200 Subject: [PATCH 2/3] Add webkit/safari fix Signed-off-by: Morris Jobke --- apps/files/css/files.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 8d01e26b96..d06c9f5c55 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -263,6 +263,7 @@ table th.column-last, table td.column-last { /* Multiselect bar */ table.multiselect thead { + position: -webkit-sticky; // Safari support position: sticky; top: 94px; z-index: 55; From c4da304170cec586637f559e3ed1ffe51dcfef5f Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 18 Apr 2019 21:16:20 +0200 Subject: [PATCH 3/3] Use sticky position include for Safari support Signed-off-by: Jan-Christoph Borchardt --- apps/files/css/files.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index d06c9f5c55..a5e28ff38d 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -263,8 +263,7 @@ table th.column-last, table td.column-last { /* Multiselect bar */ table.multiselect thead { - position: -webkit-sticky; // Safari support - position: sticky; + @include position('sticky'); top: 94px; z-index: 55; -moz-box-sizing: border-box;