Adds special case for bottompositioned legend.

elastic · May 14, 2018 · 7ba68da · 7ba68da
1 parent 372ad32
commit 7ba68da
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/ui/public/vislib/styles/_legend.less b/src/ui/public/vislib/styles/_legend.less
@@ -110,6 +110,15 @@ visualize-legend {
 
   }
 
+  .legend-value-details-bottom {
+    border-bottom: 1px solid @sidebar-bg;
+    position:  absolute;
+    bottom:  5%;
+    margin-bottom: 15px;
+    background-color:  white;
+
+  }
+
   .legend-value-color-picker {
     width: 130px;
     margin: auto;

diff --git a/src/ui/public/visualize/visualize_legend.js b/src/ui/public/visualize/visualize_legend.js
@@ -89,7 +89,7 @@ uiModules.get('kibana')
             case 'top':
               return 'legend-value-details-top';
             case 'bottom':
-              return 'legend-value-details';
+              return 'legend-value-details-bottom';
             case 'left':
               return 'legend-value-details';
             case 'right':