1
0
mirror of https://github.com/flarum/core.git synced 2025-07-30 05:00:56 +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:
Toby Zerner
2015-07-17 14:47:49 +09:30
parent 76678f72f2
commit a9ded36b57
206 changed files with 4337 additions and 8830 deletions

View File

@@ -29,27 +29,27 @@ export default class UserBio extends Component {
let content;
if (this.editing) {
content = <textarea className="form-control" placeholder="Write something about yourself" rows="3"/>;
content = <textarea className="FormControl" placeholder="Write something about yourself" rows="3"/>;
} else {
let subContent;
if (this.loading) {
subContent = <p className="placeholder">Saving</p>;
subContent = <p className="UserBio-placeholder">Saving</p>;
} else {
const bioHtml = user.bioHtml();
if (bioHtml) {
subContent = m.trust(bioHtml);
} else if (this.props.editable) {
subContent = <p className="placeholder">Write something about yourself</p>;
subContent = <p className="UserBio-placeholder">Write something about yourself</p>;
}
}
content = <div className="bio-content">{subContent}</div>;
content = <div className="UserBio-content">{subContent}</div>;
}
return (
<div className={'bio ' + classList({
<div className={'UserBio ' + classList({
editable: this.isEditable(),
editing: this.editing
})}