Minor fixes in style and tooltip enabling

adazzle · Dec 28, 2016 · 8e100e1 · 8e100e1
1 parent 3e7e43d
commit 8e100e1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/src/Cell.js b/src/Cell.js
@@ -185,7 +185,7 @@ const Cell = React.createClass({
       'is-dragged-over-up': this.isDraggedOverUpwards(),
       'is-dragged-over-down': this.isDraggedOverDownwards(),
       'was-dragged-over': this.wasDraggedOver(),
-      'cell-tooltip': this.props.tooltip === true
+      'cell-tooltip': this.props.tooltip ? true : false
     });
     return joinClasses(className, extraClasses);
   },

diff --git a/themes/react-data-grid.less b/themes/react-data-grid.less
@@ -635,22 +635,21 @@ textarea.react-autocomplete-Autocomplete__search {
     border-radius: 6px;
     padding: 2px 0;
     position: absolute;
-    z-index: 1;
-    bottom: -100%;
+    z-index: 999999;
+    bottom: -50%;
     left: 50%;
     margin-left: -60px;
 }
 
-
 .cell-tooltip .cell-tooltip-text::after {
-  content: "";
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-  border-color: black transparent transparent transparent;
+    content: " ";
+    position: absolute;
+    bottom: 100%;  /* At the top of the tooltip */
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: transparent transparent black transparent;
  }
 
 .react-grid-Cell.cell-tooltip:hover .cell-tooltip-text {