Improved view on mobile devices

diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index a913fcbabfbd227c442db154468d68b0977063e6..c1b005a3b310ce5052525a5bd7dfa6935300033a 100644 (file)
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -333,6 +333,12 @@
 }
 
 @include small-screen-only {
+       .pageHeaderContainer {
+               // touch browser allow to scroll past the page top before they bounce back,
+               // but in that case the original background color is visible
+               background-color: transparent;
+       }
+       
        .pageHeader > div > div {
                padding-bottom: 10px;
                padding-top: 10px;

diff --git a/wcfsetup/install/files/style/ui/button.scss b/wcfsetup/install/files/style/ui/button.scss
index 9915698be5d50880998859b0ec792436459c33da..86816915229bc86fbf8768a803f1dbd7b4da1596 100644 (file)
--- a/wcfsetup/install/files/style/ui/button.scss
+++ b/wcfsetup/install/files/style/ui/button.scss
@@ -5,6 +5,7 @@ input[type="submit"],
 .button,
 a.button { // a.button is required to override link formatting, such as drop-down buttons
        background-color: $wcfButtonBackground;
+       border-radius: 0;
        border-width: 0;
        color: $wcfButtonText;
        cursor: pointer;
@@ -17,6 +18,9 @@ a.button { // a.button is required to override link formatting, such as drop-dow
        @include wcfFontDefault;
        @include wcfLineHeight;
        
+       // removes UA styling enforced by Safari on iOS
+       -webkit-appearance: none;
+       
        .icon {
                color: inherit;
        }