From f2fe13c6cf7ded3446c418e6ecbe228e8ab4eb35 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Thu, 18 Aug 2016 00:54:00 +0200
Subject: [PATCH] Fixed quote overlay

---
 .../templates/messageQuoteList.tpl            |  2 +-
 wcfsetup/install/files/style/ui/message.scss  | 24 +++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/com.woltlab.wcf/templates/messageQuoteList.tpl b/com.woltlab.wcf/templates/messageQuoteList.tpl
index 2833c44f0f..0e6a7b51b2 100644
--- a/com.woltlab.wcf/templates/messageQuoteList.tpl
+++ b/com.woltlab.wcf/templates/messageQuoteList.tpl
@@ -31,7 +31,7 @@
 				{event name='beforeMessageText'}
 				
 				<div class="messageText">
-					<ul>
+					<ul class="messageQuoteItemList">
 						{foreach from=$message key=quoteID item=quote}
 							<li data-quote-id="{@$quoteID}">
 								<span>
diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index 73428a2a8d..fdcc7b3d3a 100644
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -524,3 +524,27 @@
 		}
 	}	
 }
+
+.messageQuoteItemList {
+	/* we need `!important` here to override defaults used for `.htmlContent`
+	   and `.messageText` */
+	list-style-type: none !important;
+	margin-left: 0 !important;
+	
+	> li {
+		display: flex;
+		
+		> span {
+			flex: 0 0 auto;
+			margin-right: 10px;
+		}
+		
+		> .jsQuote {
+			flex: 1 1 auto;
+		}
+		
+		> .jsFullQuote {
+			display: none;
+		}
+	}
+}
-- 
2.20.1