AMBARI-18743. Improve wizard styles and apply on Ambari - update theme.(xiwang)
Project: http://git-wip-us.apache.org/repos/asf/ambari/repo Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/7f931ba8 Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/7f931ba8 Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/7f931ba8 Branch: refs/heads/branch-feature-AMBARI-18634 Commit: 7f931ba896d7a1cfdc8c6d3e58b5e7db3241028e Parents: 4e96cf5 Author: Xi Wang <[email protected]> Authored: Wed Nov 2 14:34:27 2016 -0700 Committer: Xi Wang <[email protected]> Committed: Wed Nov 2 14:48:15 2016 -0700 ---------------------------------------------------------------------- ambari-web/app/styles/theme/bootstrap-ambari.css | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/ambari/blob/7f931ba8/ambari-web/app/styles/theme/bootstrap-ambari.css ---------------------------------------------------------------------- diff --git a/ambari-web/app/styles/theme/bootstrap-ambari.css b/ambari-web/app/styles/theme/bootstrap-ambari.css index acc487e..8ae609a 100644 --- a/ambari-web/app/styles/theme/bootstrap-ambari.css +++ b/ambari-web/app/styles/theme/bootstrap-ambari.css @@ -421,6 +421,9 @@ h2.table-title { .table.table-hover > tbody > tr:first-of-type:hover > td { border-color: #A7DFF2; } +.wizard { + border: 2px solid #ebecf1; +} .wizard .wizard-header h3 { font-family: 'Roboto', sans-serif; font-weight: normal; @@ -433,15 +436,16 @@ h2.table-title { .wizard .wizard-body { background: #ebecf1; /* Old browsers */ - background: -moz-linear-gradient(to right, #323544 0%, #323544 24.9%, #ebecf1 25%, #ebecf1 100%); + background: -moz-linear-gradient(to right, #323544, #323544 25%, #ebecf1 25%, #ebecf1); /* FF3.6-15 */ - background: -webkit-linear-gradient(to right, #323544 0%, #323544 24.9%, #ebecf1 25%, #ebecf1 100%); + background: -webkit-linear-gradient(to right, #323544, #323544 25%, #ebecf1 25%, #ebecf1); /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to right, #323544 0%, #323544 24.9%, #ebecf1 25%, #ebecf1 100%); + background: linear-gradient(to right, #323544, #323544 25%, #ebecf1 25%, #ebecf1); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ margin: 0; } .wizard .wizard-body .wizard-content { + background: #ebecf1; padding-top: 25px; } .wizard .wizard-body .wizard-content .step-title { @@ -463,10 +467,12 @@ h2.table-title { color: #333; font-size: 12px; padding-left: 10px; + line-height: 1.3; color: #999; } .wizard .wizard-body .wizard-content .panel.panel-default { border: none; + box-shadow: none; } .wizard .wizard-body .wizard-nav { min-height: 650px; @@ -562,10 +568,11 @@ h2.table-title { .wizard .wizard-body .wizard-nav .nav > li > a:hover { background-color: inherit; } -.wizard .wizard-footer { +.wizard .wizard-body .wizard-footer { + background: white; padding: 15px 20px; } -.wizard .wizard-footer button { +.wizard .wizard-body .wizard-footer button { margin: 0 10px; } .checkbox-disabled-style {
