From 3c30d293fa1d52ff51581091e3d39a30ac7474d3 Mon Sep 17 00:00:00 2001
From: nacho <nacho@ownyourbits.com>
Date: Tue, 23 Apr 2019 15:13:11 -0600
Subject: CSS: adjust media query breakpoint to improve tablet readability see
 https://github.com/nextcloud/news/pull/467

---
 apps/files/css/mobile.scss         | 5 +++--
 apps/files_sharing/css/public.scss | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

(limited to 'apps')

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 {
-- 
cgit v1.2.3