Improved visuals for hidden page header on active editor

diff --git a/wcfsetup/install/files/style/layout/pageHeaderSticky.scss b/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
index cc34cee9f6aa92ef619b7e43c7db2d3d4f57ba6e..2671fb6c3986ebbd2751e5d317b23a7ea13990bb 100644 (file)
--- a/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
+++ b/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
@@ -168,8 +168,12 @@
 }
 
 @include screen-xs {
-       .redactorActive .pageHeaderContainer {
-               visibility: hidden !important;
+       .pageHeader > div {
+               transition: transform .12s ease-in-out;
+       }
+       
+       .redactorActive .pageHeader > div {
+               transform: translateY(-120%);
        }
 }