You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ambari.apache.org by on...@apache.org on 2014/02/17 12:49:48 UTC

git commit: AMBARI-4693. Hosts table: sort order arrows should be close to the respective column label. (onechiporenko)

Repository: ambari
Updated Branches:
  refs/heads/trunk a440fea7f -> 8c0933567


AMBARI-4693. Hosts table: sort order arrows should be close to the respective column label. (onechiporenko)


Project: http://git-wip-us.apache.org/repos/asf/ambari/repo
Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/8c093356
Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/8c093356
Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/8c093356

Branch: refs/heads/trunk
Commit: 8c09335674cf42e5465f53c3bdc51fc572b498e5
Parents: a440fea
Author: Oleg Nechiporenko <on...@apache.org>
Authored: Mon Feb 17 13:46:17 2014 +0200
Committer: Oleg Nechiporenko <on...@apache.org>
Committed: Mon Feb 17 13:49:41 2014 +0200

----------------------------------------------------------------------
 ambari-web/app/styles/application.less   | 46 +++++++++++++++++++++------
 ambari-web/app/views/common/sort_view.js |  4 +--
 2 files changed, 38 insertions(+), 12 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/ambari/blob/8c093356/ambari-web/app/styles/application.less
----------------------------------------------------------------------
diff --git a/ambari-web/app/styles/application.less b/ambari-web/app/styles/application.less
index f9a0bcc..469490a 100644
--- a/ambari-web/app/styles/application.less
+++ b/ambari-web/app/styles/application.less
@@ -2713,6 +2713,12 @@ table.graphs {
     margin-top: 10px;
     margin-bottom: 10px;
     font-size: 13px\9;
+
+    .column-name {
+      cursor: pointer;
+      padding-right: 15px;
+    }
+
     .label-row {
       font-size: 0.9em;
       th {
@@ -2945,7 +2951,7 @@ table.graphs {
     .col2,
     td:first-child + td + td,
     th:first-child + th + th{
-      width: 40%;
+      width: 39%;
       padding-left: 6px;
       padding-right: 1px;
     }
@@ -2962,18 +2968,29 @@ table.graphs {
     .col5,
     td:first-child + td + td + td + td + td,
     th:first-child + th + th + th + th + th {
-      width: 12%!important;
+      width: 11%!important;
     }
-    .col6,.col7,.col8,.col9,
+    .col6,
     td:first-child + td + td + td + td + td + td,
-    th:first-child + th + th + th + th + th + th,
+    th:first-child + th + th + th + th + th + th {
+      width: 12%!important;
+    }
+    .col7,
     td:first-child + td + td + td + td + td + td + td,
-    th:first-child + th + th + th + th + th + th + th,
+    th:first-child + th + th + th + th + th + th + th{
+      width: 9%!important;
+    }
+
+    .col8,
     td:first-child + td + td + td + td + td + td + td + td,
-    th:first-child + th + th + th + th + th + th + th + th,
+    th:first-child + th + th + th + th + th + th + th + th{
+      width: 9%!important;
+    }
+
+    .col9,
     td:first-child + td + td + td + td + td + td + td + td + td,
     th:first-child + th + th + th + th + th + th + th + th + th{
-      width: 9%!important;
+      width: 8%!important;
     }
 
     .col10,
@@ -4578,11 +4595,20 @@ ul.inline li {
       th:first-child + th + th {
         width: 27%!important;
       }
-      .col6,.col7,.col8,.col9,
+
+      .col6,
       td:first-child + td + td + td + td + td + td,
-      th:first-child + th + th + th + th + th + th,
+      th:first-child + th + th + th + th + th + th{
+        width: 12%!important;
+      }
+
+      .col7,
       td:first-child + td + td + td + td + td + td + td,
-      th:first-child + th + th + th + th + th + th + th,
+      th:first-child + th + th + th + th + th + th + th{
+        width: 9%!important;
+      }
+
+      .col8,.col9,
       td:first-child + td + td + td + td + td + td + td + td,
       th:first-child + th + th + th + th + th + th + th + th,
       td:first-child + td + td + td + td + td + td + td + td + td,

http://git-wip-us.apache.org/repos/asf/ambari/blob/8c093356/ambari-web/app/views/common/sort_view.js
----------------------------------------------------------------------
diff --git a/ambari-web/app/views/common/sort_view.js b/ambari-web/app/views/common/sort_view.js
index 4b6efea..93cd7fe 100644
--- a/ambari-web/app/views/common/sort_view.js
+++ b/ambari-web/app/views/common/sort_view.js
@@ -150,8 +150,8 @@ var wrapperView = Em.View.extend({
  * @type {*}
  */
 var fieldView = Em.View.extend({
-  template:Em.Handlebars.compile('{{view.displayName}}'),
-  classNameBindings: ['status', 'viewNameClass'],
+  template:Em.Handlebars.compile('<span {{bindAttr class="view.status :column-name"}}>{{view.displayName}}</span>'),
+  classNameBindings: ['viewNameClass'],
   tagName: 'th',
   name: null,
   displayName: null,