From: Marcel Werk <burntime@woltlab.com>
Date: Mon, 29 Aug 2016 13:52:58 +0000 (+0200)
Subject: Improved mobile version of quote boxes
X-Git-Tag: 3.0.0_Beta_1~417
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=8636ad9b69256ad0d1e32d6c03c30d9d688a567c;p=GitHub%2FWoltLab%2FWCF.git

Improved mobile version of quote boxes
---

diff --git a/wcfsetup/install/files/style/bbcode/quote.scss b/wcfsetup/install/files/style/bbcode/quote.scss
index 064551fb55..c5adc4d39f 100644
--- a/wcfsetup/install/files/style/bbcode/quote.scss
+++ b/wcfsetup/install/files/style/bbcode/quote.scss
@@ -5,7 +5,6 @@ woltlab-quote,
 	display: block;
 	font-style: italic;
 	margin: 20px 0;
-	padding: 20px;
 	
 	&:first-child {
 		margin-top: 0;
@@ -19,10 +18,20 @@ woltlab-quote,
 			display: none;
 		}
 	}
+	
+	@include screen-md-up {
+		padding: 20px;
+	}
+	
+	@include screen-sm-down {
+		padding: 10px;
+	}
 }
 
 .quoteBox {
-	min-height: 104px;
+	@include screen-md-up {
+		min-height: 104px;
+	}
 	
 	.quoteBox {
 		min-height: 0;
@@ -59,17 +68,37 @@ woltlab-quote:not(.redactorCalcHeight)::before {
 		color: $wcfContentDimmedText;
 		display: block;
 		font-family: Georgia, "Times New Roman", serif;
-		font-size: 160px;
 		font-style: normal;
-		height: 64px;
-		line-height: 160px;
 		text-align: center;
-		width: 64px;
+		
+		@include screen-md-up {
+			font-size: 160px;
+			line-height: 160px;
+			height: 64px;
+			width: 64px;
+		}
+		
+		@include screen-sm-down {
+			font-size: 80px;
+			line-height: 80px;
+			height: 32px;
+			width: 32px;
+		}
 		
 		&::before {
 			content: "\201c";
 			position: relative;
-			top: -5px;
+			
+			@include screen-md-up {
+				top: -5px;
+			}
+		}
+	}
+	
+	@include screen-sm-down {
+		.userAvatarImage {
+			width: 32px !important;
+			height: 32px !important;
 		}
 	}
 }