mirror of
https://github.com/flarum/core.git
synced 2025-10-10 22:44:25 +02:00
Major CSS revamp
- Get rid of Bootstrap (except we still rely on some JS) - Use BEM class names - Rework variables/theme config - Fix various bugs, including some on mobile The CSS is still not ideal – it needs to be cleaned up some more. But that can be a focus for after beta.
This commit is contained in:
@@ -58,13 +58,13 @@ export default class ComposerBody extends Component {
|
||||
this.editor.props.disabled = this.loading;
|
||||
|
||||
return (
|
||||
<div>
|
||||
{avatar(this.props.user, {className: 'composer-avatar'})}
|
||||
<div className="composer-body">
|
||||
<ul className="composer-header">{listItems(this.headerItems().toArray())}</ul>
|
||||
<div className="composer-editor">{this.editor.render()}</div>
|
||||
<div className="ComposerBody">
|
||||
{avatar(this.props.user, {className: 'ComposerBody-avatar'})}
|
||||
<div className="ComposerBody-content">
|
||||
<ul className="ComposerBody-header">{listItems(this.headerItems().toArray())}</ul>
|
||||
<div className="ComposerBody-editor">{this.editor.render()}</div>
|
||||
</div>
|
||||
{LoadingIndicator.component({className: 'composer-loading' + (this.loading ? ' active' : '')})}
|
||||
{LoadingIndicator.component({className: 'ComposerBody-loading' + (this.loading ? ' active' : '')})}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
Reference in New Issue
Block a user