From dcf1fd84c5948a8a95d1235fb3007616b117260d Mon Sep 17 00:00:00 2001
From: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>
Date: Mon, 22 Jun 2020 11:27:05 +0200
Subject: [PATCH] remove useless class

---
 scm-ui/ui-components/src/Tooltip.tsx          |   3 +-
 .../src/__snapshots__/storyshots.test.ts.snap | 328 ++++++++++++++----
 2 files changed, 261 insertions(+), 70 deletions(-)

diff --git a/scm-ui/ui-components/src/Tooltip.tsx b/scm-ui/ui-components/src/Tooltip.tsx
index b358c6382f..98dce960d2 100644
--- a/scm-ui/ui-components/src/Tooltip.tsx
+++ b/scm-ui/ui-components/src/Tooltip.tsx
@@ -38,9 +38,8 @@ class Tooltip extends React.Component<Props> {
 
   render() {
     const { className, message, location, children } = this.props;
-    const multiline = message.length > 60 ? "is-multiline" : "";
     return (
-      <span className={classNames("tooltip", "has-tooltip-" + location, multiline, className)} data-tooltip={message}>
+      <span className={classNames("tooltip", "has-tooltip-" + location, className)} data-tooltip={message}>
         {children}
       </span>
     );
diff --git a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
index 79430a7441..a1db5dadc0 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -17281,7 +17281,7 @@ exports[`Storyshots Diff File Controls 1`] = `
               className="control"
             >
               <span
-                className="tooltip has-tooltip-top is-multiline"
+                className="tooltip has-tooltip-top"
                 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 is-multiline"
+                className="tooltip has-tooltip-top"
                 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 is-multiline"
+                className="tooltip has-tooltip-top"
                 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 is-multiline"
+                className="tooltip has-tooltip-top"
                 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 is-multiline"
+                className="tooltip has-tooltip-top"
                 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 is-multiline"
+                className="tooltip has-tooltip-top"
                 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
@@ -43584,81 +43584,273 @@ exports[`Storyshots Toast Warning 1`] = `null`;
 
 exports[`Storyshots Tooltip Default 1`] = `
 <div
-  className="Tooltipstories__Wrapper-sc-1c34uq-0 kMYfDl"
+  className="Tooltipstories__Wrapper-sc-1c34uq-0 QoXmo"
 >
-  <div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv"
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-right"
+      data-tooltip="Heart of Gold"
     >
-      <span
-        className="tooltip has-tooltip-right"
-        data-tooltip="Heart of Gold"
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          right
-           
-        </button>
+        right
          
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv"
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-top"
+      data-tooltip="Heart of Gold"
     >
-      <span
-        className="tooltip has-tooltip-top"
-        data-tooltip="Heart of Gold"
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          top
-           
-        </button>
+        top
          
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv"
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-left"
+      data-tooltip="Heart of Gold"
     >
-      <span
-        className="tooltip has-tooltip-left"
-        data-tooltip="Heart of Gold"
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          left
-           
-        </button>
+        left
          
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv"
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-bottom"
+      data-tooltip="Heart of Gold"
     >
-      <span
-        className="tooltip has-tooltip-bottom"
-        data-tooltip="Heart of Gold"
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          bottom
-           
-        </button>
+        bottom
          
-      </span>
-    </div>
+      </button>
+       
+    </span>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Tooltip Multiline 1`] = `
+<div
+  className="Tooltipstories__Wrapper-sc-1c34uq-0 QoXmo"
+>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-right"
+      data-tooltip="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        right
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-top"
+      data-tooltip="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        top
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-left"
+      data-tooltip="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        left
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-bottom"
+      data-tooltip="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        bottom
+         
+      </button>
+       
+    </span>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Tooltip Short Multiline 1`] = `
+<div
+  className="Tooltipstories__Wrapper-sc-1c34uq-0 QoXmo"
+>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-right"
+      data-tooltip="* a
+* b
+* c"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        right
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-top"
+      data-tooltip="* a
+* b
+* c"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        top
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-left"
+      data-tooltip="* a
+* b
+* c"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        left
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
+  >
+    <span
+      className="tooltip has-tooltip-bottom"
+      data-tooltip="* a
+* b
+* c"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        bottom
+         
+      </button>
+       
+    </span>
   </div>
 </div>
 `;