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