From: Marcel Werk <burntime@woltlab.com>
Date: Mon, 8 Aug 2016 12:07:15 +0000 (+0200)
Subject: Mobile optimization for user profile header
X-Git-Tag: 3.0.0_Beta_1~791
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=91918c8fdd40110b80b1e177d04fdd0899a1bbad;p=GitHub%2FWoltLab%2FWCF.git

Mobile optimization for user profile header
---

diff --git a/wcfsetup/install/files/style/ui/userProfile.scss b/wcfsetup/install/files/style/ui/userProfile.scss
index 28c8d5169a..30c1c31ec4 100644
--- a/wcfsetup/install/files/style/ui/userProfile.scss
+++ b/wcfsetup/install/files/style/ui/userProfile.scss
@@ -6,6 +6,47 @@
 	.contentDescription {
 		margin-top: 20px;
 	}
+	
+	@include screen-md-down {
+		display: flex;
+		flex-wrap: wrap;
+		
+		.contentHeaderIcon {
+			display: block;
+			flex: 0 0 48px;
+			margin-right: 10px;
+			
+			img {
+				width: 48px !important;
+				height: 48px !important;
+			}
+		}
+		
+		.contentHeaderTitle {
+			flex: 0 0 calc(100% - 58px);
+			max-width: calc(100% - 58px);
+		}
+		
+		.contentHeaderNavigation {
+			flex: 0 0 100%;
+			
+			.userProfileButtonContainer {
+				display: flex;
+				
+				> li {
+					flex: 1 1 auto;
+					margin-top: 0 !important;
+				}
+			}
+		}
+	}
+	
+	@include screen-md-up {
+		.contentHeaderIcon {
+			flex: 0 0 128px;
+			margin-right: 20px;
+		}
+	}
 }
 
 .userAvatarImage {