github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-02-21 11:45:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve Button component to only show tooltip if textual content is available

Browse Source
This commit is contained in:
Franz Liedke 2016-04-01 09:51:18 +09:00
parent 1fbce0db33
commit 42c9086c32
3 changed files with 16 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
js/admin/dist/app.js vendored
View File

@ -17862,7 +17862,11 @@ System.register('flarum/components/Button', ['flarum/Component', 'flarum/helpers
attrs.className = attrs.className || '';
attrs.type = attrs.type || 'button';
attrs.title = attrs.title || this.getDefaultTitle();
// If nothing else is provided, we use the textual button content as tooltip
if (!attrs.title && this.props.children) {
attrs.title = extractText(attrs.title);
}
var iconName = extract(attrs, 'icon');
if (iconName) attrs.className += ' hasIcon';
@ -17879,11 +17883,6 @@ System.register('flarum/components/Button', ['flarum/Component', 'flarum/helpers
this.getButtonContent()
);
}
}, {
key: 'getDefaultTitle',
value: function getDefaultTitle() {
return extractText(this.props.children);
}
}, {
key: 'getButtonContent',
value: function getButtonContent() {
@ -18576,7 +18575,7 @@ System.register('flarum/components/ExtensionsPage', ['flarum/components/Page', '
method: 'PATCH',
data: { enabled: !enabled }
}).then(function () {
if (enabled) localStorage.setItem('enabledExtension', id);
if (!enabled) localStorage.setItem('enabledExtension', id);
window.location.reload();
});

11
js/forum/dist/app.js vendored
View File

@ -19185,7 +19185,11 @@ System.register('flarum/components/Button', ['flarum/Component', 'flarum/helpers
attrs.className = attrs.className || '';
attrs.type = attrs.type || 'button';
attrs.title = attrs.title || this.getDefaultTitle();
// If nothing else is provided, we use the textual button content as tooltip
if (!attrs.title && this.props.children) {
attrs.title = extractText(attrs.title);
}
var iconName = extract(attrs, 'icon');
if (iconName) attrs.className += ' hasIcon';
@ -19202,11 +19206,6 @@ System.register('flarum/components/Button', ['flarum/Component', 'flarum/helpers
this.getButtonContent()
);
}
}, {
key: 'getDefaultTitle',
value: function getDefaultTitle() {
return extractText(this.props.children);
}
}, {
key: 'getButtonContent',
value: function getButtonContent() {

16
js/lib/components/Button.js
View File

@ -28,7 +28,11 @@ export default class Button extends Component {
attrs.className = attrs.className || '';
attrs.type = attrs.type || 'button';
attrs.title = attrs.title || this.getDefaultTitle();
// If nothing else is provided, we use the textual button content as tooltip
if (!attrs.title && this.props.children) {
attrs.title = extractText(attrs.title);
}
const iconName = extract(attrs, 'icon');
if (iconName) attrs.className += ' hasIcon';
@ -42,16 +46,6 @@ export default class Button extends Component {
return <button {...attrs}>{this.getButtonContent()}</button>;
}
/**
* Get the default value for the title attribute.
*
* @return string
* @protected
*/
getDefaultTitle() {
return extractText(this.props.children);
}
/**
* Get the template for the button's content.
*