From bedbb343c394e7978fd157bed0ff40c7cfa5eb41 Mon Sep 17 00:00:00 2001 From: Greta Doci Date: Tue, 8 Oct 2019 17:50:58 +0200 Subject: [PATCH 1/2] fix filename overlapping on mobile ref #17364 Signed-off-by: Greta Doci --- apps/files/css/mobile.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss index aaf3dd1fa7..aca131d36f 100644 --- a/apps/files/css/mobile.scss +++ b/apps/files/css/mobile.scss @@ -1,8 +1,8 @@ /* 938 = table min-width(688) + app-navigation width: 250 - $breakpoint-mobile +1 = size where app-navigation is hidden +1 + 769 = size where app-navigation (768) is hidden +1 688 = table min-width */ $min-table-width: 688px; -@media only screen and (max-width: $min-table-width + $navigation-width) and (min-width: $breakpoint-mobile -1), only screen and (max-width: $min-table-width) { +@media only screen and (max-width: $min-table-width + $navigation-width) and (min-width: $breakpoint-mobile + 1), only screen and (max-width: $min-table-width) { .app-files #app-content.dir-drop{ background-color: rgba(255, 255, 255, 1)!important; @@ -10,6 +10,7 @@ $min-table-width: 688px; #body-user #filestable { min-width: 250px; + display: initial; } table th#headerSize, From fffbcc6b1bf800924e9a4844a4458ea0e6f8cb2b Mon Sep 17 00:00:00 2001 From: Greta Doci Date: Tue, 8 Oct 2019 17:56:22 +0200 Subject: [PATCH 2/2] add comment Signed-off-by: Greta Doci --- apps/files/css/mobile.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss index aca131d36f..3ba5f1e0d8 100644 --- a/apps/files/css/mobile.scss +++ b/apps/files/css/mobile.scss @@ -1,6 +1,6 @@ -/* 938 = table min-width(688) + app-navigation width: 250 - 769 = size where app-navigation (768) is hidden +1 - 688 = table min-width */ +/* 938 = table min-width(688) + app-navigation width: 250\ + $breakpoint-mobile +1 = size where app-navigation is hidden +1 + 688 = table min-width */ $min-table-width: 688px; @media only screen and (max-width: $min-table-width + $navigation-width) and (min-width: $breakpoint-mobile + 1), only screen and (max-width: $min-table-width) {