浏览代码

AMBARI-11920. Alert Instance tooltip is huge (alexantonenko)

Alex Antonenko 10 年之前
父节点
当前提交
277f770a61

+ 5 - 0
ambari-web/app/styles/application.less

@@ -547,6 +547,11 @@ h1 {
   max-width: 400px;
   overflow-wrap: break-word;
   white-space:pre-wrap;
+  &.alert-def-detail-tooltip {
+    max-height: 300px;
+    max-width: 650px;
+    overflow: scroll;
+  }
   &.graph-tooltip {
     max-width: 200px;
   }

+ 5 - 4
ambari-web/app/templates/main/alerts/definition_details.hbs

@@ -191,12 +191,13 @@
                     {{view App.AlertInstanceServiceHostView instanceBinding="instance"}}
                   </td>
                   <td>{{{instance.status}}}
-                    <time class="timeago"
-                          rel="tooltip"  {{bindAttr data-original-title="instance.statusChangedAndLastCheckedFormatted"}}>{{instance.lastTriggeredForFormatted}}</time>
+                    <time class="timeago" rel="tooltip" {{bindAttr data-original-title="instance.statusChangedAndLastCheckedFormatted"}}>
+                      {{instance.lastTriggeredForFormatted}}
+                    </time>
                   </td>
                   <td>{{view view.parentView.lastDayCount hostNameBinding="instance.hostName"}}</td>
-                  <td><span class="alert-text" rel="tooltip" {{bindAttr data-original-title="instance.text"}}
-                            class="alert-text">{{instance.text}}</span></td>
+                  <td>
+                    <span class="alert-text" {{bindAttr data-original-title="instance.text"}}>{{instance.text}}</span></td>
                 {{/view}}
               {{/each}}
             {{else}}

+ 5 - 1
ambari-web/app/views/main/alerts/definition_details_view.js

@@ -100,7 +100,11 @@ App.MainAlertDefinitionDetailsView = App.TableView.extend({
     tagName: 'tr',
     didInsertElement: function () {
       App.tooltip($("[rel=tooltip]"));
-    },
+      App.tooltip($(".alert-text"), {
+        placement: 'left',
+        delay: { "show": 0, "hide": 1500 },
+        template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner alert-def-detail-tooltip"></div></div>'
+      });    },
 
     /**
      * Router transition to service page