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',
, 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 {