1
0
mirror of https://github.com/flarum/core.git synced 2025-08-01 06:00:24 +02:00

Improve appearance of text editor buttons

- Change preview icon to Font Awesome Regular instead of Solid
- Give the preview button a tooltip
- Change submit button icon to paper plane (shown on mobile)
- Tweak mobile header button touch target
- Scroll overflowing text editor controls horizontally
This commit is contained in:
Toby Zerner
2018-11-12 17:19:37 +10:30
parent 4718bf4d81
commit a6a4cf3fbc
3 changed files with 15 additions and 9 deletions

View File

@@ -70,7 +70,7 @@ export default class TextEditor extends Component {
items.add('submit',
Button.component({
children: this.props.submitLabel,
icon: 'fas fa-check',
icon: 'fas fa-paper-plane',
className: 'Button Button--primary',
itemClassName: 'App-primaryControl',
onclick: this.onsubmit.bind(this)
@@ -80,10 +80,11 @@ export default class TextEditor extends Component {
if (this.props.preview) {
items.add('preview',
Button.component({
icon: 'fas fa-eye',
icon: 'far fa-eye',
className: 'Button Button--icon',
onclick: this.props.preview,
title: app.translator.trans('core.forum.composer.preview_tooltip')
title: app.translator.trans('core.forum.composer.preview_tooltip'),
config: elm => $(elm).tooltip()
})
);
}