fix(Tooltip): Add Tooltip.css (rename from tooltip.css)

tabler · May 25, 2018 · a6c36ae · a6c36ae
1 parent df92785
commit a6c36ae
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/components/Tooltip/Tooltip.css b/src/components/Tooltip/Tooltip.css
@@ -0,0 +1,9 @@
+/* Tooltip-specific Stylesheet */
+
+.tbr-arrow-vertical {
+  left: calc(50% - 0.4rem);
+}
+
+.tbr-arrow-horizontal {
+  top: calc(50% - 0.4rem);
+}
diff --git a/src/components/Tooltip/Tooltip.react.js b/src/components/Tooltip/Tooltip.react.js
@@ -4,7 +4,7 @@ import * as React from "react";
 import cn from "classnames";
 import { Manager, Placement, Reference, Popper } from "react-popper";
 import type { PopperChildrenProps, ReferenceChildrenProps } from "react-popper";
-// import styles from "./Tooltip.css";
+import styles from "./Tooltip.css";
 
 type Props = {|
   +content: string,
@@ -44,9 +44,9 @@ class Tooltip extends React.Component<Props, State> {
 
     const arrowClasses = cn(
       "arrow"
-      // placement === "top" || placement === "bottom"
-      //   ? styles["tbr-arrow-vertical"]
-      //   : styles["tbr-arrow-horizontal"]
+      placement === "top" || placement === "bottom"
+        ? styles["tbr-arrow-vertical"]
+        : styles["tbr-arrow-horizontal"]
     );
 
     return (