aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorJonas <jonas@freesources.org>2023-02-16 12:15:11 +0100
committerMichaIng (Rebase PR Action) <micha@dietpi.com>2023-02-26 21:51:14 +0000
commit9cf7ed43a1311cfb081c4edb04986b13ff78a0eb (patch)
tree26319df8440daf9700a795cb5c90b80a80ec8fe1
parent78076c6d4aa57f229b25aed0d3905a44fea22c22 (diff)
downloadnextcloud-server-9cf7ed43a1311cfb081c4edb04986b13ff78a0eb.tar.gz
nextcloud-server-9cf7ed43a1311cfb081c4edb04986b13ff78a0eb.zip
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 <jonas@freesources.org>
-rw-r--r--core/css/mobile.css2
-rw-r--r--core/css/mobile.scss2
-rw-r--r--core/css/server.css2
3 files changed, 3 insertions, 3 deletions
diff --git a/core/css/mobile.css b/core/css/mobile.css
index 82b3424b7af..c0628ec779e 100644
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@@ -20,7 +20,7 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
-@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 c33cf0d3886..228166f3303 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 e62ab12369b..c45f77f5a9d 100644
--- a/core/css/server.css
+++ b/core/css/server.css
@@ -4205,7 +4205,7 @@ kbd {
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
-@media only screen and (max-width: 1024px) {
+@media only screen and (width < 1024px) {
/* position share dropdown */
#dropdown {
margin-right: 10% !important;