From 04591c37ea31cfdc8f636daa3db0fbd1f4255b42 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 18 Apr 2019 17:37:44 +0200 Subject: Fix multiselect bar overlapping recommendations Signed-off-by: Jan-Christoph Borchardt --- apps/files/css/files.scss | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) (limited to 'apps/files/css/files.scss') diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 04987f8839e..8d01e26b964 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; -- cgit v1.2.3 From 9b0c6d9efbb4eea57e3353e95f9f876ba17783b1 Mon Sep 17 00:00:00 2001 From: Morris Jobke Date: Thu, 18 Apr 2019 18:36:44 +0200 Subject: Add webkit/safari fix Signed-off-by: Morris Jobke --- apps/files/css/files.scss | 1 + 1 file changed, 1 insertion(+) (limited to 'apps/files/css/files.scss') diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 8d01e26b964..d06c9f5c55c 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; -- cgit v1.2.3 From 83210d72b99dbd50667d29078086c300cf86e999 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 18 Apr 2019 21:16:20 +0200 Subject: 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(-) (limited to 'apps/files/css/files.scss') diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index d06c9f5c55c..a5e28ff38da 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; -- cgit v1.2.3