You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ambari.apache.org by xi...@apache.org on 2014/09/10 02:21:16 UTC
git commit: AMBARI-7228. Too much white space in the left half of the
Manage Ambari page.(XIWANG)
Repository: ambari
Updated Branches:
refs/heads/trunk e40e47f83 -> 364417494
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/trunk
Commit: 364417494428f1b5bad0c8ad1167aee536512b5e
Parents: e40e47f
Author: Xi Wang <xi...@apache.org>
Authored: Tue Sep 9 14:52:15 2014 -0700
Committer: Xi Wang <xi...@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>