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:
@@ -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()
|
||||
})
|
||||
);
|
||||
}
|
||||
|
Reference in New Issue
Block a user