From: Alexander Ebert <ebert@woltlab.com>
Date: Sun, 17 Apr 2016 16:24:13 +0000 (+0200)
Subject: Improved view on mobile devices
X-Git-Tag: 3.0.0_Beta_1~1866
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=a5956329e68e6e97ff3486d9e9f14dd912f4b7f3;p=GitHub%2FWoltLab%2FWCF.git

Improved view on mobile devices
---

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;
 	}