Improved visuals on iOS

diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index 0f7f2f4294fd0060adee8b4574445da20af9654c..a923f5f61c3b8da422b3132be9c4407d646a2eb3 100644 (file)
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -1,5 +1,4 @@
 .pageHeaderContainer {
-       background-color: $wcfHeaderBackground;
        color: $wcfHeaderText;
        z-index: 100;
        
@@ -17,6 +16,10 @@
        
        /* reserved space for `.pageHeaderPanel` */
        padding-top: 50px;
+       
+       @include screen-lg {
+               background-color: $wcfHeaderBackground;
+       }
 }
 
 .pageHeaderPanel {
@@ -490,12 +493,14 @@
 
 @include screen-xs {
        .pageHeaderPanel,
-       .pageHeaderFacade {
+       .pageHeaderFacade > .layoutBoundary {
                transition: transform .12s linear;
        }
        
-       .redactorActive .pageHeaderPanel,
-       .redactorActive .pageHeaderFacade {
-               transform: translateY(-120%);
+       .redactorActive {
+               .pageHeaderPanel,
+               .pageHeaderFacade > .layoutBoundary {
+                       transform: translateY(-120%);
+               }
        }
 }