fix bouncing help icons on mobiles devices

This commit is contained in:
Sebastian Sdorra
2018-11-13 07:39:19 +01:00
parent 24de639c1e
commit e7c9560073
11 changed files with 102 additions and 76 deletions

View File

@@ -0,0 +1,26 @@
//@flow
import * as React from "react";
import classNames from "classnames";
type Props = {
message: string,
className: string,
children: React.Node
};
class Tooltip extends React.Component<Props> {
render() {
const { className, message, children } = this.props;
const multiline = message.length > 60 ? "is-tooltip-multiline" : "";
return (
<div
className={classNames("tooltip", "is-tooltip-right", multiline, className)}
data-tooltip={message}
>
{children}
</div>
);
}
}
export default Tooltip;