Fixed jumping to a message on smartphones
authorAlexander Ebert <ebert@woltlab.com>
Wed, 31 Aug 2016 20:49:38 +0000 (22:49 +0200)
committerAlexander Ebert <ebert@woltlab.com>
Wed, 31 Aug 2016 20:49:45 +0000 (22:49 +0200)
wcfsetup/install/files/style/ui/message.scss

index 7d75d563fc9ff65ac9e9b80d692ac220c22377d2..d253c887766ea603b3d9c5a78604604c21d0010b 100644 (file)
                }
        }
        
-       @include screen-sm-up {
-               > .anchorFixedHeader:target {
-                       margin-top: -50px;
-                       pointer-events: none;
+       > .anchorFixedHeader:target {
+               pointer-events: none;
+               
+               &::after {
+                       content: "";
+                       display: block;
+               }
+               
+               > .message {
+                       pointer-events: all;
+               }
+               
+               @include screen-md-down {
+                       margin-top: -52px;
                        
                        &::after {
-                               content: "";
-                               display: block;
-                               height: 50px;
+                               height: 52px;
                        }
                        
                        > .message {
-                               pointer-events: all;
-                               transform: translateY(50px);
+                               transform: translateY(52px);
                        }
                }
+               
+               @include screen-lg {
+                       margin-top: -50px;
+                       
+                       &::after {
+                               height: 50px;
+                       }
+                       
+                       transform: translateY(50px);
+               }
        }
        
        @include screen-sm-down {