diff --git a/src/General/Index.coffee b/src/General/Index.coffee
index ba6551812..870a67f1a 100644
--- a/src/General/Index.coffee
+++ b/src/General/Index.coffee
@@ -685,9 +685,9 @@ Index =
link = Build.postURL thread.board.ID, thread.ID, data.no
reply = $.el 'div', {className: 'catalog-reply'},
- <%= html(': ${excerpt}') %>
+ <%= readHTML('CatalogReply.html') %>
RelativeDates.update $('time', reply)
- $.on $('a', reply), 'mouseover', QuotePreview.mouseover if Conf['Catalog Reply Hover']
+ $.on $('.catalog-reply-preview', reply), 'mouseover', QuotePreview.mouseover if Conf['Catalog Reply Hover']
replies.push reply
nodes.replies = $.el 'div', className: 'catalog-replies'
diff --git a/src/General/Index/CatalogReply.html b/src/General/Index/CatalogReply.html
new file mode 100644
index 000000000..6bd68c013
--- /dev/null
+++ b/src/General/Index/CatalogReply.html
@@ -0,0 +1,3 @@
+:
+${excerpt}
+...
diff --git a/src/css/style.css b/src/css/style.css
index b7cefdee2..1f757bd53 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -871,21 +871,29 @@ div.catalog-post > div.postInfo {
}
.catalog-reply {
text-align: left;
+ white-space: nowrap;
margin: -1px;
border: 1px solid transparent;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+}
+.catalog-reply > * {
+ padding: 3px;
+ overflow: hidden;
+ -webkit-flex: none;
+ flex: none;
}
.catalog-reply > span {
font-style: italic;
font-weight: bold;
- float: left;
- padding: 3px;
}
-.catalog-reply > a {
- display: block;
- padding: 3px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
+.catalog-reply-excerpt {
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
}
.catalog-post .prettyprinted {
max-width: 100%;