Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-13 08:55:44 +01:00
Code Issues Packages Projects Releases Activity

only use multiline if message is really long

Browse Source
This commit is contained in:
Maren Süwer
2018-10-02 13:08:16 +02:00
parent bbc891178b
commit 2c3abd5b0b
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
scm-ui-components/packages/ui-components/src/Help.js
View File

@@ -15,15 +15,16 @@ const styles = {
}; };
type Props = { type Props = {
message?: string, message: string,
classes: any classes: any
}; };
class Help extends React.Component<Props> { class Help extends React.Component<Props> {
render() { render() {
const { message, classes } = this.props; const { message, classes } = this.props;
const multiline = message.length > 60 ? "is-tooltip-multiline" : "";
return ( return (
<div className={classNames("tooltip is-tooltip-right is-tooltip-multiline", classes.q)} <div className={classNames("tooltip is-tooltip-right", multiline, classes.q)}
data-tooltip={message}> data-tooltip={message}>
<i className={classNames("fa fa-question has-text-info", classes.img)}></i> <i className={classNames("fa fa-question has-text-info", classes.img)}></i>
</div> </div>