Fixed quote overlay

diff --git a/com.woltlab.wcf/templates/messageQuoteList.tpl b/com.woltlab.wcf/templates/messageQuoteList.tpl
index 2833c44f0faee34898477d5bda3f2480e46090f8..0e6a7b51b2e23dbba380138278577665149edbb3 100644 (file)
--- 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 73428a2a8db4a1e6c84b7a7c8c6639aa28b546b1..fdcc7b3d3ae3dee2d8f91d9ec5c3302ac7423ed5 100644 (file)
--- 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;
+               }
+       }
+}