diff options
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/files/css/mobile.scss | 5 | ||||
| -rw-r--r-- | apps/files_sharing/css/public.scss | 2 |
2 files changed, 4 insertions, 3 deletions
diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss index b661fc61d45..879e8a2bb31 100644 --- a/apps/files/css/mobile.scss +++ b/apps/files/css/mobile.scss @@ -1,7 +1,8 @@ /* 938 = table min-width(688) + app-navigation width: 250 - 769 = size where app-navigation (768) is hidden +1 + $breakpoint-mobile +1 = size where app-navigation is hidden +1 688 = table min-width */ -@media only screen and (max-width: 938px) and (min-width: 769px), only screen and (max-width: 688px) { +$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) { .app-files #app-content.dir-drop{ background-color: rgba(255, 255, 255, 1)!important; diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss index 83cba309da7..13a3ee291fa 100644 --- a/apps/files_sharing/css/public.scss +++ b/apps/files_sharing/css/public.scss @@ -195,7 +195,7 @@ thead { // hide the download entry on the menu // on public share when NOT on mobile -@media only screen and (min-width: 769px) { +@media only screen and (min-width: $mobile_breakpoint + 1) { #body-public { .header-right { #header-actions-menu { |