Merge pull request elastic#7890 from ck-lee/master

Fix elastic#7678 Add tooltip to legend in visualization
airow · Aug 4, 2016 · 57f338a · 57f338a
2 parents 4469e88 + 705d66e
commit 57f338a
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/ui/public/visualize/visualize_legend.html b/src/ui/public/visualize/visualize_legend.html
@@ -9,13 +9,16 @@
       ng-mouseenter="highlight($event)"
       ng-mouseleave="unhighlight($event)"
       data-label="{{legendData.label}}"
-      class="legend-value color">
+      class="legend-value color"
+    >
 
       <div class="legend-value-container">
         <div
           ng-click="showDetails = !showDetails"
           ng-class="showDetails ? 'legend-value-full' : 'legend-value-truncate'"
-          class="legend-value-title">
+          class="legend-value-title"
+          tooltip="{{legendData.label}}"
+        >
           <i class="fa fa-circle" ng-style="{color: getColor(legendData.label)}"></i> {{legendData.label}}
         </div>
 
@@ -29,7 +32,8 @@
             <i ng-repeat="choice in colors"
               ng-click="setColor(legendData.label, choice)"
               ng-class="choice == getColor(legendData.label) ? 'fa-circle-o' : 'fa-circle'"
-              ng-style="{color: choice}" class="fa dot">
+              ng-style="{color: choice}" class="fa dot"
+            >
             </i>
           </div>