diff --git a/extensions/embed/js/forum/src/components/DiscussionPage.js b/extensions/embed/js/forum/src/components/DiscussionPage.js index 8e436f054..ad2e910f0 100644 --- a/extensions/embed/js/forum/src/components/DiscussionPage.js +++ b/extensions/embed/js/forum/src/components/DiscussionPage.js @@ -31,6 +31,17 @@ export default class DiscussionPage extends BaseDiscussionPage { items.remove('scrubber'); + const count = this.discussion.repliesCount(); + + items.add('replies',

+ + {count} comment{count == 1 ? '' : 's'} + +

, 100); + + const props = items.get('controls').props; + props.className = props.className.replace('App-primaryControl', ''); + return items; } } diff --git a/extensions/embed/less/forum/extension.less b/extensions/embed/less/forum/extension.less index 97cc4b5fb..30463c06b 100644 --- a/extensions/embed/less/forum/extension.less +++ b/extensions/embed/less/forum/extension.less @@ -14,12 +14,24 @@ border-top: 0; } .DiscussionPage-nav--embed { + height: 70px; + > ul { - padding: 0; + z-index: 100; + background: @body-bg; list-style: none; + padding: 0; margin: 0; border-bottom: 1px solid @control-bg; + @media @tablet-up { + position: fixed; + left: 0; + right: 0; + top: 0; + padding: 0 15px; + } + > li { margin: 15px 15px 15px 0; display: inline-block; @@ -29,6 +41,14 @@ right: auto; } } + .item-replies h3 { + font-weight: normal; + margin: 0; + + &, a { + color: @muted-color; + } + } } } .DiscussionPage-stream {