Repository: ambari Updated Branches: refs/heads/trunk 4a288fbac -> 0eec9aa3d
AMBARI-5106. Jobs table should have wider query hover (alexantonenko) Project: http://git-wip-us.apache.org/repos/asf/ambari/repo Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/0eec9aa3 Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/0eec9aa3 Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/0eec9aa3 Branch: refs/heads/trunk Commit: 0eec9aa3dff2390e7cb303a37ab64343387f541d Parents: 4a288fb Author: Alex Antonenko <[email protected]> Authored: Mon Mar 17 15:37:38 2014 +0200 Committer: Alex Antonenko <[email protected]> Committed: Mon Mar 17 15:37:38 2014 +0200 ---------------------------------------------------------------------- ambari-web/app/styles/apps.less | 6 ++++++ ambari-web/app/views/main/jobs_view.js | 4 +++- 2 files changed, 9 insertions(+), 1 deletion(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/ambari/blob/0eec9aa3/ambari-web/app/styles/apps.less ---------------------------------------------------------------------- diff --git a/ambari-web/app/styles/apps.less b/ambari-web/app/styles/apps.less index 3902dc3..c59412d 100644 --- a/ambari-web/app/styles/apps.less +++ b/ambari-web/app/styles/apps.less @@ -539,6 +539,12 @@ } } +.jobs-tooltip { + .tooltip-inner { + max-width: 400px; + } +} + .btn-group button.single-btn-group{ -webkit-border-radius: 4px; border-radius: 4px; http://git-wip-us.apache.org/repos/asf/ambari/blob/0eec9aa3/ambari-web/app/views/main/jobs_view.js ---------------------------------------------------------------------- diff --git a/ambari-web/app/views/main/jobs_view.js b/ambari-web/app/views/main/jobs_view.js index ba47b0f..7d3aca4 100644 --- a/ambari-web/app/views/main/jobs_view.js +++ b/ambari-web/app/views/main/jobs_view.js @@ -168,7 +168,9 @@ App.MainJobsView = App.TableView.extend({ pageContentObserver: function () { Ember.run.later(this, function() { - $('.job-link').tooltip(); + $('.job-link').tooltip({ + template: '<div class="tooltip jobs-tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>' + }); }, 1000); }.observes('pageContent', 'pageContent.length', '[email protected]'),
