From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 29 Aug 2016 14:06:56 +0000 (+0200)
Subject: Better solution for tablet columns
X-Git-Tag: 3.0.0_Beta_1~416
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=fdf34eae4db8c939cc2d973d3e157bf32fa44cdf;p=GitHub%2FWoltLab%2FWCF.git

Better solution for tablet columns
---

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index 31e704ea47..994b504706 100644
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -319,8 +319,7 @@
 		}
 		
 		@include screen-sm-md {
-			// WebKit fix
-			margin-top: -30px;
+			margin-bottom: -30px;
 			
 			-webkit-column-gap: 30px;
 			-moz-column-gap: 30px;
@@ -334,8 +333,10 @@
 				overflow: hidden; /* Fix for Firefox, IE and Edge */
 				
 				// WebKit fix
-				display: inline-block;
-				margin-top: 30px !important;
+				background-clip: padding-box;
+				border-bottom: 30px solid transparent;
+				display: block;
+				margin: 0 !important;
 				width: 100%;
 				
 				-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
@@ -397,11 +398,6 @@
 			margin-top: 30px;
 		}
 		
-		&.boxAlternative {
-			background-color: transparent;
-			border: 1px solid $wcfContentBorderInner;
-		}
-		
 		&.boxError {
 			background-color: $wcfStatusErrorBackground;
 			color: $wcfStatusErrorText;