fix tooltip multiline view

This commit is contained in:
Eduard Heimbuch
2020-06-18 10:35:55 +02:00
parent d9bc680df9
commit 8550211615
2 changed files with 7 additions and 7 deletions

View File

@@ -38,7 +38,7 @@ class Tooltip extends React.Component<Props> {
render() {
const { className, message, location, children } = this.props;
const multiline = message.length > 60 ? "has-tooltip-multiline" : "";
const multiline = message.length > 60 ? "is-multiline" : "";
return (
<span className={classNames("tooltip", "has-tooltip-" + location, multiline, className)} data-tooltip={message}>
{children}

View File

@@ -17281,7 +17281,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control"
>
<span
className="tooltip has-tooltip-top has-tooltip-multiline"
className="tooltip has-tooltip-top is-multiline"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
>
<a
@@ -17862,7 +17862,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control"
>
<span
className="tooltip has-tooltip-top has-tooltip-multiline"
className="tooltip has-tooltip-top is-multiline"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
>
<a
@@ -18720,7 +18720,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control"
>
<span
className="tooltip has-tooltip-top has-tooltip-multiline"
className="tooltip has-tooltip-top is-multiline"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
>
<a
@@ -19174,7 +19174,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control"
>
<span
className="tooltip has-tooltip-top has-tooltip-multiline"
className="tooltip has-tooltip-top is-multiline"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
>
<a
@@ -19628,7 +19628,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control"
>
<span
className="tooltip has-tooltip-top has-tooltip-multiline"
className="tooltip has-tooltip-top is-multiline"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
>
<a
@@ -20689,7 +20689,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control"
>
<span
className="tooltip has-tooltip-top has-tooltip-multiline"
className="tooltip has-tooltip-top is-multiline"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
>
<a