From a5956329e68e6e97ff3486d9e9f14dd912f4b7f3 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Sun, 17 Apr 2016 18:24:13 +0200 Subject: [PATCH] Improved view on mobile devices --- wcfsetup/install/files/style/layout/pageHeader.scss | 6 ++++++ wcfsetup/install/files/style/ui/button.scss | 4 ++++ 2 files changed, 10 insertions(+) diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss index a913fcbabf..c1b005a3b3 100644 --- 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 9915698be5..8681691522 100644 --- 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; } -- 2.20.1