Adjusted mobile tab menu appearance

diff --git a/wcfsetup/install/files/style/ui/wsc31.scss b/wcfsetup/install/files/style/ui/wsc31.scss
index 3bd34c39fabfd2710167aa05c21d971702a615d9..c98040611b0cc6b3c4bcce18ef7a3d2cd5a50334 100644 (file)
--- a/wcfsetup/install/files/style/ui/wsc31.scss
+++ b/wcfsetup/install/files/style/ui/wsc31.scss
@@ -237,4 +237,12 @@
                        top: -1px;
                }
        }
+       
+       // tab menu overflow
+       .tabMenuOverlayLeft {
+               background: linear-gradient(to left, transparentize($wcfContentContainerBackground, 100%) 0%, $wcfContentContainerBackground 50%);
+       }
+       .tabMenuOverlayRight {
+               background: linear-gradient(to right, transparentize($wcfContentContainerBackground, 100%) 0%, $wcfContentContainerBackground 50%);
+       }
 }