You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ambari.apache.org by sr...@apache.org on 2015/03/24 02:56:00 UTC
ambari git commit: AMBARI-10146. Implement config-section layout
within a config tab - css changes (Richard Zang via srimanth)
Repository: ambari
Updated Branches:
refs/heads/trunk 3b103960b -> e79fc7b86
AMBARI-10146. Implement config-section layout within a config tab - css changes (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/e79fc7b8
Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/e79fc7b8
Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/e79fc7b8
Branch: refs/heads/trunk
Commit: e79fc7b86113ff52ac9ff5a64d296d738531d700
Parents: 3b10396
Author: Srimanth Gunturi <sg...@hortonworks.com>
Authored: Mon Mar 23 18:52:05 2015 -0700
Committer: Srimanth Gunturi <sg...@hortonworks.com>
Committed: Mon Mar 23 18:55:44 2015 -0700
----------------------------------------------------------------------
ambari-web/app/styles/application.less | 31 +++++++++++++--
.../configs/service_config_layout_tab.hbs | 42 ++++++++++----------
2 files changed, 49 insertions(+), 24 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/ambari/blob/e79fc7b8/ambari-web/app/styles/application.less
----------------------------------------------------------------------
diff --git a/ambari-web/app/styles/application.less b/ambari-web/app/styles/application.less
index e102f9e..d513255 100644
--- a/ambari-web/app/styles/application.less
+++ b/ambari-web/app/styles/application.less
@@ -5552,7 +5552,30 @@ input[type="checkbox"].align-checkbox {
}
}
-.config-section, .config-sub-section {
- width: 100%;
- height: 100%;
-}
\ No newline at end of file
+.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/e79fc7b8/ambari-web/app/templates/common/configs/service_config_layout_tab.hbs
----------------------------------------------------------------------
diff --git a/ambari-web/app/templates/common/configs/service_config_layout_tab.hbs b/ambari-web/app/templates/common/configs/service_config_layout_tab.hbs
index bd27107..9f3fb8e 100644
--- a/ambari-web/app/templates/common/configs/service_config_layout_tab.hbs
+++ b/ambari-web/app/templates/common/configs/service_config_layout_tab.hbs
@@ -16,23 +16,25 @@
* limitations under the License.
}}
-<table class="config-section" border="1">
- {{#each row in tab.sectionRows}}
- <tr>
- {{#each section in row}}
- <td {{bindAttr colspan="section.columnSpan" rowspan="section.rowSpan"}}>
- {{section.displayName}}
- <table class="config-sub-section" border="1">
- {{#each subRow in section.subsectionRows}}
- <tr>
- {{#each subsection in subRow}}
- <td>{{subsection.name}}</td>
- {{/each}}
- </tr>
- {{/each}}
- </table>
- </td>
- {{/each}}
- </tr>
- {{/each}}
-</table>
+<div class="section-layout-container">
+ <table class="config-section-table">
+ {{#each row in tab.sectionRows}}
+ <tr>
+ {{#each section in row}}
+ <td class="config-section" {{bindAttr colspan="section.columnSpan" rowspan="section.rowSpan"}}>
+ {{section.displayName}}
+ <table class="config-subsection-table">
+ {{#each subRow in section.subsectionRows}}
+ <tr>
+ {{#each subsection in subRow}}
+ <td class="config-subsection">{{subsection.name}}</td>
+ {{/each}}
+ </tr>
+ {{/each}}
+ </table>
+ </td>
+ {{/each}}
+ </tr>
+ {{/each}}
+ </table>
+</div>
\ No newline at end of file