From 9cf7ed43a1311cfb081c4edb04986b13ff78a0eb Mon Sep 17 00:00:00 2001 From: Jonas Date: Thu, 16 Feb 2023 12:15:11 +0100 Subject: [PATCH] Don't regard 1024px width viewport as mobile Currently we treat 1024px as mobile in some places (e.g. `isMobile` in nextcloud-vue) and as not mobile yet in others (e.g. in mobile.css). This commit changes `mobile.scss` to treat viewports smaller than 1024px as mobile. This PR accompanies https://github.com/nextcloud/nextcloud-vue/pull/3768 Both are required to fix https://github.com/nextcloud/nextcloud-vue/issues/3758. Signed-off-by: Jonas --- core/css/mobile.css | 2 +- core/css/mobile.scss | 2 +- core/css/server.css | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/core/css/mobile.css b/core/css/mobile.css index 82b3424b7aff8..c0628ec779ead 100644 --- a/core/css/mobile.css +++ b/core/css/mobile.css @@ -20,7 +20,7 @@ * along with this program. If not, see . * */ -@media only screen and (max-width: 1024px) { +@media only screen and (width < 1024px) { /* position share dropdown */ #dropdown { margin-right: 10% !important; diff --git a/core/css/mobile.scss b/core/css/mobile.scss index c33cf0d388602..228166f330340 100644 --- a/core/css/mobile.scss +++ b/core/css/mobile.scss @@ -1,6 +1,6 @@ @use 'variables'; -@media only screen and (max-width: variables.$breakpoint-mobile) { +@media only screen and (width < variables.$breakpoint-mobile) { /* position share dropdown */ #dropdown { diff --git a/core/css/server.css b/core/css/server.css index e62ab12369b07..c45f77f5a9df8 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -4205,7 +4205,7 @@ kbd { * along with this program. If not, see . * */ -@media only screen and (max-width: 1024px) { +@media only screen and (width < 1024px) { /* position share dropdown */ #dropdown { margin-right: 10% !important;