AMBARI-7228. Too much white space in the left half of the Manage Ambari page.(XIWANG)
Project: http://git-wip-us.apache.org/repos/asf/ambari/repo Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/36441749 Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/36441749 Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/36441749 Branch: refs/heads/branch-alerts-dev Commit: 364417494428f1b5bad0c8ad1167aee536512b5e Parents: e40e47f Author: Xi Wang <xiw...@apache.org> Authored: Tue Sep 9 14:52:15 2014 -0700 Committer: Xi Wang <xiw...@apache.org> Committed: Tue Sep 9 17:20:44 2014 -0700 ---------------------------------------------------------------------- .../resources/ui/admin-web/app/styles/main.css | 30 ++++++++++++++++++-- .../ui/admin-web/app/views/leftNavbar.html | 8 +++--- 2 files changed, 32 insertions(+), 6 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/ambari/blob/36441749/ambari-admin/src/main/resources/ui/admin-web/app/styles/main.css ---------------------------------------------------------------------- diff --git a/ambari-admin/src/main/resources/ui/admin-web/app/styles/main.css b/ambari-admin/src/main/resources/ui/admin-web/app/styles/main.css index e1be895..e92fe1a 100644 --- a/ambari-admin/src/main/resources/ui/admin-web/app/styles/main.css +++ b/ambari-admin/src/main/resources/ui/admin-web/app/styles/main.css @@ -229,17 +229,43 @@ .left-navbar .panel{ border-radius: 0; + font-size: 15px; +} +.left-navbar .panel-heading { + padding: 8px 15px; + font-weight: bold; +} +.left-navbar .panel-body { + padding: 5px 15px; +} +.left-navbar .panel-body #cluster-name input{ + font-size: 17px; +} +.left-navbar .panel-body #cluster-name form{ + margin-top: 4px; + margin-bottom: -10px; +} +.left-navbar .panel-body h4 .glyphicon{ + font-size: 14px; +} +.left-navbar .panel-body #LDAP-button { + padding: 5px; +} +.left-navbar .panel-body hr{ + margin-top: 5px; + margin-bottom: 5px; } .left-navbar .panel-body li{ margin: 0 -15px; } .left-navbar .panel-body li a{ border-radius: 0; - padding-left: 30px; + padding-left: 33px; + padding-top: 8px; + padding-bottom: 8px; } .left-navbar .panel-body li.active a{ background: #666; - } .search-container{ http://git-wip-us.apache.org/repos/asf/ambari/blob/36441749/ambari-admin/src/main/resources/ui/admin-web/app/views/leftNavbar.html ---------------------------------------------------------------------- diff --git a/ambari-admin/src/main/resources/ui/admin-web/app/views/leftNavbar.html b/ambari-admin/src/main/resources/ui/admin-web/app/views/leftNavbar.html index 272c762..8b57754 100644 --- a/ambari-admin/src/main/resources/ui/admin-web/app/views/leftNavbar.html +++ b/ambari-admin/src/main/resources/ui/admin-web/app/views/leftNavbar.html @@ -20,10 +20,10 @@ <div class="panel-heading"><span class="glyphicon glyphicon-cloud"></span> Clusters</div> <div class="panel-body"> <div ng-show="cluster"> - <div ng-switch on="editCluster.editingName"> - <h5 ng-switch-when="false">{{cluster.Clusters.cluster_name}} + <div id="cluster-name" ng-switch on="editCluster.editingName"> + <h4 ng-switch-when="false">{{cluster.Clusters.cluster_name}} <i ng-click="toggleEditName()" class="glyphicon glyphicon-edit pull-right edit-cluster-name" tooltip="Rename Cluster"></i> - </h5> + </h4> <form ng-keyup="toggleEditName($event)" tabindex="1" name="editClusterNameForm" class="editClusterNameForm" ng-switch-when="true" ng-submit="editCluster.name !== cluster.Clusters.cluster_name && editClusterNameForm.newClusterName.$valid && confirmClusterNameChange()"> @@ -89,7 +89,7 @@ <li ng-class="{active: isActive('groups.list')}"><link-to route="groups.list" class="groupslist-link">Groups</link-to></li> </ul> <hr> - <div ng-switch="isLDAPConfigured"> + <div id="LDAP-button" ng-switch="isLDAPConfigured"> <a ng-switch-when="true" href class="btn btn-primary btn-block syncldapbtn" ng-click="syncLDAP()"> <span class="glyphicon glyphicon-transfer pulldown2"></span> Sync LDAP </a>