Incorrect behavior of user menus with overflowing content

diff --git a/wcfsetup/install/files/style/ui/pageMenu.scss b/wcfsetup/install/files/style/ui/pageMenu.scss
index f691e2dcdeac9eb3bd0c02a9fe41aaabb5339ae3..5227f11cbaa2553528b9b6152077c18367c8f1a0 100644 (file)
--- a/wcfsetup/install/files/style/ui/pageMenu.scss
+++ b/wcfsetup/install/files/style/ui/pageMenu.scss
@@ -202,6 +202,7 @@
 .pageMenuUserTabList {
        border-bottom: 1px solid var(--border-color);
        display: grid;
+       flex: 0 0 auto;
        grid-auto-columns: minmax(70px, 1fr);
        grid-auto-flow: column;
        overflow: auto;
@@ -237,6 +238,7 @@
 
 .pageMenuUserTabPanel {
        flex: 1 auto;
+       overflow: hidden;
 }
 
 @include screen-md-down {
@@ -277,18 +279,6 @@
        }
 }
 
-@include screen-sm-down {
-       .pageMenuMainNavigation:last-child {
-               /* Gap to prevent conflicts with the UI elements of touch browsers. */
-               margin-bottom: 30px;
-       }
-
-       .pageMenuUserTabContainer {
-               /* Gap to prevent conflicts with the UI elements of touch browsers. */
-               padding-bottom: 30px;
-       }
-}
-
 @include screen-xs {
        .pageMenuContent {
                width: 100%;