diff --git a/js/forum/src/components/CommentPost.js b/js/forum/src/components/CommentPost.js index cf914eb2d..e0be874a7 100644 --- a/js/forum/src/components/CommentPost.js +++ b/js/forum/src/components/CommentPost.js @@ -71,8 +71,7 @@ export default class CommentPost extends Post { isEditing() { return app.composer.component instanceof EditPostComposer && - app.composer.component.props.post === this.props.post && - app.composer.position !== Composer.PositionEnum.MINIMIZED; + app.composer.component.props.post === this.props.post; } attrs() { diff --git a/js/forum/src/components/Composer.js b/js/forum/src/components/Composer.js index 861367c9c..8eadeea25 100644 --- a/js/forum/src/components/Composer.js +++ b/js/forum/src/components/Composer.js @@ -66,6 +66,7 @@ class Composer extends Component { view() { const classes = { + 'normal': this.position === Composer.PositionEnum.NORMAL, 'minimized': this.position === Composer.PositionEnum.MINIMIZED, 'fullScreen': this.position === Composer.PositionEnum.FULLSCREEN, 'active': this.active @@ -225,7 +226,7 @@ class Composer extends Component { const paddingBottom = parseInt($flexible.css('padding-bottom'), 10); const footerHeight = this.$('.TextEditor-controls').outerHeight(true); - $flexible.height(height - headerHeight - paddingBottom - footerHeight); + $flexible.height(this.$().outerHeight() - headerHeight - paddingBottom - footerHeight); } } diff --git a/js/forum/src/components/ComposerBody.js b/js/forum/src/components/ComposerBody.js index 5d485023f..70891b2c9 100644 --- a/js/forum/src/components/ComposerBody.js +++ b/js/forum/src/components/ComposerBody.js @@ -56,7 +56,7 @@ export default class ComposerBody extends Component { this.editor.props.disabled = this.loading; return ( -
+
{avatar(this.props.user, {className: 'ComposerBody-avatar'})}
    {listItems(this.headerItems().toArray())}
diff --git a/js/forum/src/components/DiscussionComposer.js b/js/forum/src/components/DiscussionComposer.js index 2b10a7a72..dcc780d03 100644 --- a/js/forum/src/components/DiscussionComposer.js +++ b/js/forum/src/components/DiscussionComposer.js @@ -31,12 +31,15 @@ export default class DiscussionComposer extends ComposerBody { props.submitLabel = props.submitLabel || app.translator.trans('core.forum.composer_discussion.submit_button'); props.confirmExit = props.confirmExit || extractText(app.translator.trans('core.forum.composer_discussion.discard_confirmation')); props.titlePlaceholder = props.titlePlaceholder || extractText(app.translator.trans('core.forum.composer_discussion.title_placeholder')); + props.className = 'ComposerBody--discussion'; } headerItems() { const items = super.headerItems(); - items.add('title', ( + items.add('title',

{app.translator.trans('core.forum.composer_discussion.title')}

, 100); + + items.add('discussionTitle', (