From 93b4be309d5bdfe9a1b8f349b44295959c1f769d Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Mon, 14 Nov 2016 16:41:17 -0800
Subject: [PATCH] Style for bottom positioned tooltips

---
 .../style/enterprise_style/influx-tooltips.scss   | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/ui/src/style/enterprise_style/influx-tooltips.scss b/ui/src/style/enterprise_style/influx-tooltips.scss
index fbb58e5542..9973ffac97 100644
--- a/ui/src/style/enterprise_style/influx-tooltips.scss
+++ b/ui/src/style/enterprise_style/influx-tooltips.scss
@@ -42,6 +42,8 @@ $tooltip-code-color: $c-potassium;
     white-space: nowrap !important;
     display: inline-block !important;
   }
+
+  // Top placement by default
   &:after {
     margin: 0 !important;
     transform: translateX(-50%) !important;
@@ -52,6 +54,13 @@ $tooltip-code-color: $c-potassium;
     border-width: $tooltip-padding !important;
     border-color: $tooltip-accent transparent transparent transparent !important;
   }
+  // Bottom placement
+  &.place-bottom:after {
+    top: -16px !important;
+    bottom: initial !important;
+    border-color: transparent transparent $tooltip-accent transparent !important;
+  }
+
 
   /* Kapacitor Style Tooltip */
   &.kapacitor-tooltip {
@@ -61,7 +70,11 @@ $tooltip-code-color: $c-potassium;
       color: $c-pool !important;
     }
     &:after {
-      border-top-color: $c-rainforest !important;
+      border-color: $c-rainforest transparent transparent transparent !important;
+    }
+    // Bottom placement
+    &.place-bottom:after {
+      border-color: transparent transparent $c-rainforest transparent !important;
     }
   }
 }