From: Alexander Ebert <ebert@woltlab.com>
Date: Fri, 26 Aug 2016 12:18:03 +0000 (+0200)
Subject: Changed media query breakpoints
X-Git-Tag: 3.0.0_Beta_1~482
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=4ab403b8ac7a98536df4787f84177d9fba61227a;p=GitHub%2FWoltLab%2FWCF.git

Changed media query breakpoints

width >= 1151px is now treated as desktop,
width <= 1150px will now be served the iPad version
---

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Screen.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Screen.js
index ae4d51821c..c59b69cf6b 100644
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Screen.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Screen.js
@@ -17,11 +17,11 @@ define(['Core', 'Dictionary'], function(Core, Dictionary) {
 		'screen-sm': '(min-width: 545px) and (max-width: 768px)',       /* tablet (portrait) */
 		'screen-sm-down': '(max-width: 768px)',                         /* smartphone + tablet (portrait) */
 		'screen-sm-up': '(min-width: 545px)',                           /* tablet (portrait) + tablet (landscape) + desktop */
-		'screen-sm-md': '(min-width: 545px) and (max-width: 1024px)',   /* tablet (portrait) + tablet (landscape) */
-		'screen-md': '(min-width: 769px) and (max-width: 1024px)',      /* tablet (landscape) */
-		'screen-md-down': '(max-width: 1024px)',                        /* smartphone + tablet (portrait) + tablet (landscape) */
-		'screen-md-up': '(min-width: 1024px)',                          /* tablet (landscape) + desktop */
-		'screen-lg': '(min-width: 1025px)'                              /* desktop */
+		'screen-sm-md': '(min-width: 545px) and (max-width: 1150px)',   /* tablet (portrait) + tablet (landscape) */
+		'screen-md': '(min-width: 769px) and (max-width: 1150px)',      /* tablet (landscape) */
+		'screen-md-down': '(max-width: 1150px)',                        /* smartphone + tablet (portrait) + tablet (landscape) */
+		'screen-md-up': '(min-width: 769px)',                           /* tablet (landscape) + desktop */
+		'screen-lg': '(min-width: 1151px)'                              /* desktop */
 	});
 	
 	/**
diff --git a/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss b/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss
index 61f3303996..4c74cab1fa 100644
--- a/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss
+++ b/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss
@@ -28,21 +28,21 @@
 
 /* tablet (portrait) + tablet (landscape) */
 @mixin screen-sm-md() {
-	@media (min-width: 545px) and (max-width: 1024px) {
+	@media (min-width: 545px) and (max-width: 1150px) {
 		@content;
 	}
 }
 
 /* tablet (landscape) */
 @mixin screen-md() {
-	@media (min-width: 769px) and (max-width: 1024px) {
+	@media (min-width: 769px) and (max-width: 1150px) {
 		@content;
 	}
 }
 
 /* smartphone + tablet (portrait) + tablet (landscape) */
 @mixin screen-md-down() {
-	@media (max-width: 1024px) {
+	@media (max-width: 1150px) {
 		@content;
 	}
 }
@@ -56,7 +56,7 @@
 
 /* desktop */
 @mixin screen-lg() {
-	@media (min-width: 1025px) {
+	@media (min-width: 1151px) {
 		@content;
 	}
 }
diff --git a/wcfsetup/install/files/style/layout/global.scss b/wcfsetup/install/files/style/layout/global.scss
index 510b743b48..de504a8d29 100644
--- a/wcfsetup/install/files/style/layout/global.scss
+++ b/wcfsetup/install/files/style/layout/global.scss
@@ -10,7 +10,7 @@
 		padding: 0 20px;
 		
 		@if $useFluidLayout {
-			min-width: $wcfLayoutMinWidth;
+			//min-width: $wcfLayoutMinWidth;
 			max-width: $wcfLayoutMaxWidth;
 		} @else {
 			width: $wcfLayoutFixedWidth;