From fdf34eae4db8c939cc2d973d3e157bf32fa44cdf Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Mon, 29 Aug 2016 16:06:56 +0200 Subject: [PATCH] Better solution for tablet columns --- wcfsetup/install/files/style/layout/box.scss | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) 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; -- 2.20.1