From 8824af324d1d63817a1df305d12bd103331c3f68 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Mon, 27 Aug 2018 18:08:45 +0200 Subject: [PATCH 1/2] Increase z-index of drag shadow for files MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The drag shadow is a sibling of "#content" so its z-index must be higher than the z-index of the content children (navigation bar, app content and app sidebar) to appear in front of them. Signed-off-by: Daniel Calviño Sánchez --- apps/files/css/files.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 47120ede7a03a..9929855212a02 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -612,7 +612,7 @@ table tr.summary td { table.dragshadow { width:auto; - z-index: 100; + z-index: 2000; } table.dragshadow td.filename { padding-left:60px; From c3610d1d172d49601e4cb688f0ec5b90c35ac09d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Mon, 27 Aug 2018 18:12:50 +0200 Subject: [PATCH 2/2] Remove limit on "max-width" for file names in drag shadow MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The general file list sets "max-width: 0" in the file names, which causes the file names in the drag shadow to have no width for their content and thus to overlap with the file size. As that limit is needed for proper layout in the general file list it is removed only for file names in drag shadows. Signed-off-by: Daniel Calviño Sánchez --- apps/files/css/files.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 9929855212a02..c41255b9868bf 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -618,6 +618,9 @@ table.dragshadow td.filename { padding-left:60px; padding-right:16px; height: 36px; + + /* Override "max-width: 0" to prevent file name and size from overlapping */ + max-width: unset; } table.dragshadow td.size { padding-right:8px;