1
0
mirror of https://github.com/flarum/core.git synced 2025-10-13 07:54:25 +02:00

Improve composer appearance/usability on mobile

On mobile:
- Move submit button to right side of toolbar
- Move first header item to toolbar
- Size textarea correctly
This commit is contained in:
Toby Zerner
2015-11-21 13:16:05 +10:30
parent 1f4e03d1fa
commit 6374f92676
6 changed files with 29 additions and 9 deletions

View File

@@ -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', <h3>{app.translator.trans('core.forum.composer_discussion.title')}</h3>, 100);
items.add('discussionTitle', (
<h3>
<input className="FormControl"
value={this.title()}