From e4ab1461ffc3c2686c47547b230a20c564e09f92 Mon Sep 17 00:00:00 2001 From: Greta Doci Date: Tue, 8 Oct 2019 17:50:58 +0200 Subject: 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 aaf3dd1fa79..aca131d36f8 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, -- cgit v1.2.3 From c0cf9d53d96888678d0db05fa725e6feb31df6dc Mon Sep 17 00:00:00 2001 From: Greta Doci Date: Tue, 8 Oct 2019 17:56:22 +0200 Subject: 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 aca131d36f8..3ba5f1e0d8d 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) { -- cgit v1.2.3