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 2b999916a2e0c577b310f7b6a1d0fff9d86d794d..bc9845c4ca04edcc1e907be9b224ea09ac14bf53 100644 (file)
--- 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;