From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 15 Mar 2016 09:21:17 +0000 (+0100)
Subject: Tables can now be horizontally scrolled on mobile
X-Git-Tag: 3.0.0_Beta_1~2030^2~3
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=41b3c2854c729d7d357227cb6d060e745e824e16;p=GitHub%2FWoltLab%2FWCF.git

Tables can now be horizontally scrolled on mobile

Some tables (especially within ACP) hold a lot of content that cannot be
dumbed down for mobile. Adding `overflow: auto` will allow it to be
scrolled rather than exceeding the content boundary.
---

diff --git a/wcfsetup/install/files/style/ui/tabularBox.scss b/wcfsetup/install/files/style/ui/tabularBox.scss
index 2b999916a2..bc9845c4ca 100644
--- a/wcfsetup/install/files/style/ui/tabularBox.scss
+++ b/wcfsetup/install/files/style/ui/tabularBox.scss
@@ -80,6 +80,12 @@
 	}
 }
 
+.tabularBox {
+	@include small-screen-only {
+		overflow: auto;
+	}
+}
+
 .tabularBoxTitle {
 	> header {
 		border-bottom: 1px solid currentColor;