Only show full reply in catalog when hovering over '...' link.

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('<span><time data-utc="${data.time * 1000}" data-abbrev="1">...</time>: </span><a href="${link}">${excerpt}</a>') %>
+          <%= 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'

src/General/Index/CatalogReply.html

@@ -0,0 +1,3 @@
+<span><time data-utc="${data.time * 1000}" data-abbrev="1">...</time>: </span>
+<a class="catalog-reply-excerpt" href="${link}">${excerpt}</a>
+<a class="catalog-reply-preview" href="${link}">...</a>

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%;