ambari-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From srima...@apache.org
Subject ambari git commit: AMBARI-10146. Implement config-section layout within a config tab - horizontal scroll fix (Richard Zang via srimanth)
Date Tue, 24 Mar 2015 23:13:44 GMT
Repository: ambari
Updated Branches:
  refs/heads/trunk c42db2ebe -> 86a8bbb34


AMBARI-10146. Implement config-section layout within a config tab - horizontal scroll fix
(Richard Zang via srimanth)


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

Branch: refs/heads/trunk
Commit: 86a8bbb3416eb6dfa820d2c56457d337e5b895eb
Parents: c42db2e
Author: Srimanth Gunturi <sgunturi@hortonworks.com>
Authored: Tue Mar 24 16:10:47 2015 -0700
Committer: Srimanth Gunturi <sgunturi@hortonworks.com>
Committed: Tue Mar 24 16:11:00 2015 -0700

----------------------------------------------------------------------
 ambari-web/app/styles/application.less          | 49 +++++++++++---------
 .../configs/service_config_layout_tab_view.js   |  4 +-
 2 files changed, 29 insertions(+), 24 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/ambari/blob/86a8bbb3/ambari-web/app/styles/application.less
----------------------------------------------------------------------
diff --git a/ambari-web/app/styles/application.less b/ambari-web/app/styles/application.less
index d513255..8b05711 100644
--- a/ambari-web/app/styles/application.less
+++ b/ambari-web/app/styles/application.less
@@ -5552,29 +5552,32 @@ input[type="checkbox"].align-checkbox {
   }
 }
 
-.section-layout-container {
-  width: 104%; // fallback option
-  width: ~"calc(100% + 40px)";
-  .config-section-table {
-    width: 100%;
-    height: 100%;
-    border-spacing: 20px;
-    border-collapse: separate;
-    table-layout: fixed; // for width to be equally distributed
-    margin: 0 -20px;
-    .config-section {
-      padding: 10px;
-      border: 1px solid #aaa;
-      td:not(:first-of-type) {
-        border-left: 2px solid #ccc; // horizontal splitter
-        padding-left: 20px;
-      }
-      .config-subsection-table {
-        width: 100%;
-        height: 100%;
-        border-spacing: 5px;
-        border-collapse: separate;
-        table-layout: fixed;
+.enhanced-config-tab-content {
+  overflow: hidden;
+  .section-layout-container {
+    width: 104%; // fallback option
+    width: ~"calc(100% + 40px)";
+    .config-section-table {
+      width: 100%;
+      height: 100%;
+      border-spacing: 20px;
+      border-collapse: separate;
+      table-layout: fixed; // for width to be equally distributed
+      margin: 0 -20px;
+      .config-section {
+        padding: 10px;
+        border: 1px solid #aaa;
+        td:not(:first-of-type) {
+          border-left: 2px solid #ccc; // horizontal splitter
+          padding-left: 20px;
+        }
+        .config-subsection-table {
+          width: 100%;
+          height: 100%;
+          border-spacing: 5px;
+          border-collapse: separate;
+          table-layout: fixed;
+        }
       }
     }
   }

http://git-wip-us.apache.org/repos/asf/ambari/blob/86a8bbb3/ambari-web/app/views/common/configs/service_config_layout_tab_view.js
----------------------------------------------------------------------
diff --git a/ambari-web/app/views/common/configs/service_config_layout_tab_view.js b/ambari-web/app/views/common/configs/service_config_layout_tab_view.js
index 9e93076..e1db1ad 100644
--- a/ambari-web/app/views/common/configs/service_config_layout_tab_view.js
+++ b/ambari-web/app/views/common/configs/service_config_layout_tab_view.js
@@ -22,6 +22,7 @@ App.ServiceConfigLayoutTabView = Em.View.extend({
 
   templateName: require('templates/common/configs/service_config_layout_tab'),
 
+  classNames: ['enhanced-config-tab-content'],
   /**
    * ConfigType-Widget map
    * key - widget type
@@ -62,7 +63,8 @@ App.ServiceConfigLayoutTabView = Em.View.extend({
     });
   },
 
-  beforeRender: function () {
+  willInsertElement: function () {
+    this._super();
     this.prepareConfigProperties();
   }
 


Mime
View raw message