1
0
mirror of https://github.com/flarum/core.git synced 2025-10-11 06:54:26 +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

@@ -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);
}
}