diff --git a/framework/core/ember/app/components/discussion/post-comment.js b/framework/core/ember/app/components/discussion/post-comment.js
index 956b99523..b9393558e 100644
--- a/framework/core/ember/app/components/discussion/post-comment.js
+++ b/framework/core/ember/app/components/discussion/post-comment.js
@@ -9,8 +9,6 @@ import PostHeaderMeta from 'flarum/components/discussion/post-header/meta';
import PostHeaderEdited from 'flarum/components/discussion/post-header/edited';
import PostHeaderToggle from 'flarum/components/discussion/post-header/toggle';
-var precompileTemplate = Ember.Handlebars.compile;
-
/**
Component for a `comment`-typed post. Displays a number of item lists
(controls, header, and footer) surrounding the post's HTML content. Allows
@@ -25,7 +23,7 @@ export default Ember.Component.extend(FadeIn, HasItemLists, UseComposer, {
'post.isEdited:is-edited',
'revealContent:reveal-content'
],
- itemLists: ['controls', 'header', 'footer'],
+ itemLists: ['controls', 'header', 'footer', 'actions'],
// The stream-content component instansiates this component and sets the
// `content` property to the content of the item in the post-stream object.
@@ -88,7 +86,7 @@ export default Ember.Component.extend(FadeIn, HasItemLists, UseComposer, {
var post = this.get('post');
post.setProperties({
isHidden: true,
- hideTime: new Date,
+ hideTime: new Date(),
hideUser: this.get('session.user')
});
post.save();
diff --git a/framework/core/ember/app/components/ui/action-button.js b/framework/core/ember/app/components/ui/action-button.js
index dc4ad971c..cf0f116e2 100644
--- a/framework/core/ember/app/components/ui/action-button.js
+++ b/framework/core/ember/app/components/ui/action-button.js
@@ -10,7 +10,7 @@ export default Ember.Component.extend({
attributeBindings: ['href', 'title'],
classNameBindings: ['className'],
href: '#',
- layout: precompileTemplate('{{#if icon}}{{fa-icon icon class="fa-fw icon-glyph"}} {{/if}}{{label}}'),
+ layout: precompileTemplate('{{#if icon}}{{fa-icon icon class="fa-fw icon-glyph"}} {{/if}}{{label}}'),
label: '',
icon: '',
diff --git a/framework/core/ember/app/styles/flarum/discussion.less b/framework/core/ember/app/styles/flarum/discussion.less
index 1399246cf..c2538a320 100644
--- a/framework/core/ember/app/styles/flarum/discussion.less
+++ b/framework/core/ember/app/styles/flarum/discussion.less
@@ -212,6 +212,43 @@
}
}
+.post-footer, .post-actions {
+ & > ul {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ }
+ &, & a {
+ color: @fl-body-muted-color;
+ }
+}
+.post-footer {
+ & > ul {
+ & > li {
+ margin-bottom: 5px;
+ }
+ }
+ & .fa {
+ font-size: 14px;
+ margin-right: 5px;
+ }
+}
+.post-actions {
+ margin-top: 10px;
+ opacity: 0;
+ .transition(opacity 0.2s);
+
+ & > ul {
+ & > li {
+ margin-right: 10px;
+ display: inline-block;
+ }
+ }
+ .post:hover & {
+ opacity: 1;
+ }
+}
+
// ------------------------------------
// Scrubber
diff --git a/framework/core/ember/app/templates/components/discussion/post-comment.hbs b/framework/core/ember/app/templates/components/discussion/post-comment.hbs
index 7a031f541..212438e80 100644
--- a/framework/core/ember/app/templates/components/discussion/post-comment.hbs
+++ b/framework/core/ember/app/templates/components/discussion/post-comment.hbs
@@ -11,3 +11,7 @@
+
+