mirror of
https://github.com/flarum/core.git
synced 2025-10-12 15:34:26 +02:00
Significantly improve mobile UX
Most of #137 done. - Use FastClick to make everything feel more responsive - Use transforms for animations to make them silky smooth - Style the drawer the same as the header to keep things simple - Revert to fixed composer, but allow it to be minimised - Add a separate notifications page for mobile so it’s easy to go back - Add indicator to the menu button when there are unread notifications - Close the drawer when navigating away - Make dropdowns/modals scrollable - Many other mobile tweaks and bug fixes Didn’t take much care to keep CSS clean, due to #103
This commit is contained in:
@@ -25,10 +25,12 @@ export default class ComposerBody extends Component {
|
||||
view(className) {
|
||||
this.editor.props.disabled = this.loading() || !this.ready();
|
||||
|
||||
var headerItems = this.headerItems().toArray();
|
||||
|
||||
return m('div', {className, config: this.onload.bind(this)}, [
|
||||
avatar(this.props.user, {className: 'composer-avatar'}),
|
||||
m('div.composer-body', [
|
||||
m('ul.composer-header', listItems(this.headerItems().toArray())),
|
||||
headerItems.length ? m('ul.composer-header', listItems(headerItems)) : '',
|
||||
m('div.composer-editor', this.editor.view())
|
||||
]),
|
||||
LoadingIndicator.component({className: 'composer-loading'+(this.loading() ? ' active' : '')})
|
||||
|
Reference in New Issue
Block a user