From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 26 Mar 2016 11:40:56 +0000 (+0100)
Subject: Updated quote styling
X-Git-Tag: 3.0.0_Beta_1~1286^2~32
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=de48157a0ac813f0c251c2c1a78176bad595e166;p=GitHub%2FWoltLab%2FWCF.git

Updated quote styling
---

diff --git a/wcfsetup/install/files/style/bbcode/quote.scss b/wcfsetup/install/files/style/bbcode/quote.scss
index 1aa6abae72..871a69944d 100644
--- a/wcfsetup/install/files/style/bbcode/quote.scss
+++ b/wcfsetup/install/files/style/bbcode/quote.scss
@@ -1,15 +1,14 @@
 .quoteBox {
-	border-left: 2px solid $wcfContentBorder;
-	padding: 10px;
-	margin: 10px 0;
+	border: 1px solid $wcfContentBorderInner;
+	font-style: italic;
+	margin: 20px 0;
+	padding: 10px 20px;
 	
 	&:first-child {
 		margin-top: 0;
 	}
 	
 	.quoteBox {
-		margin-left: 10px;
-		
 		> .quoteBoxHeader > .quoteBoxIcon {
 			display: none;
 		}
@@ -19,28 +18,28 @@
 .quoteBoxHeader {
 	align-items: center;
 	display: flex;
-	margin-bottom: 10px;
-}
-
-.quoteBoxIcon {
-	flex: 0 0 auto;
-	min-height: 36px;
+	font-style: normal;
+	margin-bottom: 20px;
 	
-	> a {
-		display: block;
-		font-size: 0;
-		margin-right: 5px;
+	.quoteBoxIcon {
+		flex: 0 0 auto;
+		
+		> a {
+			display: block;
+			font-size: 0;
+			margin-right: 5px;
+		}
+		
+		> .icon {
+			margin-right: 7px;
+			position: relative;
+			top: 2px;
+		}
 	}
 	
-	> .icon {
-		margin-right: 7px;
-		position: relative;
-		top: 10px;
+	.quoteBoxTitle {
+		flex: 1 auto;
+		
+		@include wcfFontHeadline;
 	}
 }
-
-.quoteBoxTitle {
-	flex: 1 auto;
-	
-	@include wcfFontHeadline;
-}
diff --git a/wcfsetup/install/files/style/ui/redactor.scss b/wcfsetup/install/files/style/ui/redactor.scss
index b2f5c8ec87..6caaac220d 100644
--- a/wcfsetup/install/files/style/ui/redactor.scss
+++ b/wcfsetup/install/files/style/ui/redactor.scss
@@ -100,8 +100,9 @@
 			content: attr(data-quote-header);
 			cursor: pointer;
 			display: block;
-			margin-bottom: 10px;
-			padding-right: 20px;
+			font-style: normal;
+			margin-bottom: 20px;
+			padding-right: 25px;
 			
 			@include wcfFontHeadline;
 		}
@@ -109,10 +110,11 @@
 		&::after {
 			content: $fa-var-pencil;
 			font-family: FontAwesome;
-			font-size: $wcfFontSizeHeadline; // TODO
 			position: absolute;
-			right: 10px;
-			top: 10px;
+			right: 4px;
+			top: 0;
+			
+			@include wcfFontHeadline;
 		}
 	}