From a4c104d5ba6e47ae4824f22bc094c34c6925d8f5 Mon Sep 17 00:00:00 2001
From: Jeff Wang <wangjeff@baidu.com>
Date: Fri, 4 May 2018 12:48:54 -0700
Subject: [PATCH] If any label in the tooltip overflows, hide it. (#445)

---
 frontend/src/scalars/ui/Chart.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/scalars/ui/Chart.vue b/frontend/src/scalars/ui/Chart.vue
index eb242438..d938c146 100644
--- a/frontend/src/scalars/ui/Chart.vue
+++ b/frontend/src/scalars/ui/Chart.vue
@@ -662,7 +662,7 @@ export default {
         Relative: 4,
       };
       let widthPropMap = {
-        Run: 40,
+        Run: 60,
         Time: 120,
         Step: 40,
         Value: 50,
@@ -694,13 +694,13 @@ export default {
       let content = transformedData.map((item) => {
         let str = '<tr style="font-size:12px;">';
         str += Object.keys(item).map((val) => {
-          return '<td style="padding: 0 4px">' + item[val] + '</td>';
+          return '<td style="padding: 0 4px; overflow: hidden;">' + item[val] + '</td>';
         }).join('');
         str += '</tr>';
         return str;
       }).join('');
 
-      return '<table style="text-align: left;table-layout: fixed;width: 480px;"><thead>' + headerHtml + '</thead>'
+      return '<table style="text-align: left;table-layout: fixed;width: 500px;"><thead>' + headerHtml + '</thead>'
         + '<tbody>' + content + '</tbody><table>';
     },
   },
-- 
GitLab