From c151bed8cef44bb192cd37ae0d182c5fc6c90599 Mon Sep 17 00:00:00 2001
From: kunw <kunw@vmware.com>
Date: Thu, 16 Jun 2016 18:35:11 +0800
Subject: [PATCH] updates for height of css styles of UI.

---
 static/resources/css/project.css |  7 +++---
 views/admin-options.htm          |  2 +-
 views/project.htm                | 42 ++++++++++++++++----------------
 views/repository.htm             |  2 +-
 4 files changed, 26 insertions(+), 27 deletions(-)

diff --git a/static/resources/css/project.css b/static/resources/css/project.css
index a2d9eb0..eb299ba 100644
--- a/static/resources/css/project.css
+++ b/static/resources/css/project.css
@@ -1,12 +1,11 @@
 .container-custom {
   position: relative;
-  height: 680px;
+  height: 100%;
 }
 
 .extend-height {
   height: 100%;
   min-height: 1px;
-  max-height: 680px;
   min-width: 1024px;
   overflow: hidden;
 }
@@ -16,10 +15,10 @@
   padding: 15px;
   margin-top: 20px;
   background-color: #FFFFFF;
-  height: 660px;
+  height: 100%;
   width: 100%;
   min-height: 1px;
-  max-height: 660px;
+  max-height: 100%;
 }
 
 .search-pane {
diff --git a/views/admin-options.htm b/views/admin-options.htm
index 0d893a0..b542d2b 100644
--- a/views/admin-options.htm
+++ b/views/admin-options.htm
@@ -1,7 +1,7 @@
 <div class="container-fluid container-fluid-custom" ng-controller="AdminOptionController as vm">
   <div class="container container-custom">
     <div class="row extend-height">
-      <div class="col-xs-12 col-md-12">
+      <div class="col-xs-12 col-md-12 extend-height">
   	    <div class="section">
   		    <h4 class="page-header">
             <span ng-if="!vm.toggle">// 'users' | tr //</span>
diff --git a/views/project.htm b/views/project.htm
index d4d7a42..c05c087 100644
--- a/views/project.htm
+++ b/views/project.htm
@@ -1,37 +1,37 @@
 <div class="container-fluid container-fluid-custom" ng-controller="ProjectController as vm">
   <div class="container container-custom">
     <div class="row extend-height">
-      <div class="col-xs-12 col-md-12">
-  	      <div class="section">
-  		      <h4 class="page-header">
-             <span ng-show="!vm.publicity">// 'my_projects' | tr //</span>
-             <a ng-show="vm.publicity" href="#" ng-click="vm.togglePublicity({publicity: 0})">// 'my_projects' | tr //</a>
-             <span class="gutter">|</span>
-             <span ng-show="vm.publicity">// 'public_projects' | tr //</span>
-             <a ng-show="!vm.publicity" href="#" class="title-color" ng-click="vm.togglePublicity({publicity: 1})">// 'public_projects' | tr //</a>
+      <div class="col-xs-12 col-md-12 extend-height">
+  	    <div class="section">
+  		    <h4 class="page-header">
+            <span ng-show="!vm.publicity">// 'my_projects' | tr //</span>
+            <a ng-show="vm.publicity" href="#" ng-click="vm.togglePublicity({publicity: 0})">// 'my_projects' | tr //</a>
+            <span class="gutter">|</span>
+            <span ng-show="vm.publicity">// 'public_projects' | tr //</span>
+            <a ng-show="!vm.publicity" href="#" class="title-color" ng-click="vm.togglePublicity({publicity: 1})">// 'public_projects' | tr //</a>
           </h4>
           <div class="search-pane">
-    		      <div class="form-inline">
-    		        <div class="input-group">
-    		          <input type="text" class="form-control" placeholder="" ng-model="vm.projectName" size="30">
-    		          <span class="input-group-btn">
-    		            <button class="btn btn-primary" type="button" ng-click="vm.searchProject()"><span class="glyphicon glyphicon-search"></span></button>
-    		          </span>
-    		        </div>
+    		    <div class="form-inline">
+    		      <div class="input-group">
+    		        <input type="text" class="form-control" placeholder="" ng-model="vm.projectName" size="30">
+    		        <span class="input-group-btn">
+    		          <button class="btn btn-primary" type="button" ng-click="vm.searchProject()"><span class="glyphicon glyphicon-search"></span></button>
+    		        </span>
+    		      </div>
               <button ng-if="vm.isOpen" class="btn btn-default" disabled="disabled" type="button"><span class="glyphicon glyphicon-plus"></span> // 'new_project' | tr //</button>
               <button ng-if="!vm.isOpen" class="btn btn-success" type="button" ng-show="vm.showAddButton()" ng-click="vm.showAddProject()"><span class="glyphicon glyphicon-plus"></span> // 'new_project' | tr //</button>               
-    		      </div>    
+    		    </div>    
           </div>
           <div class="pane project-pane">  
             <add-project ng-show="vm.isOpen" is-open="vm.isOpen"></add-project>
             <div class="sub-pane">
-      		      <table class="table">
+      		    <table class="table">
                 <thead>
                   <th>// 'project_name' | tr //</th><th>// 'repositories' | tr //</th><th>// 'role' | tr //</th><th>// 'creation_time' | tr //</th><th>// 'publicity' | tr //</th>
                 </thead>
                 <tbody>
                   <tr>
-                  <td colspan="5" height="320px" class="empty-hint" ng-if="vm.projects.length === 0"><h3 class="text-muted">// 'no_projects_add_new_project' | tr //</h3></td>
+                    <td colspan="5" height="320px" class="empty-hint" ng-if="vm.projects.length === 0"><h3 class="text-muted">// 'no_projects_add_new_project' | tr //</h3></td>
                   </tr>
                   <tr ng-if="vm.projects.length > 0" ng-repeat="p in vm.projects">
                     <td><a href="/repository#/repositories?project_id=//p.project_id//&is_public=//p.public//">//p.name//</a></td>
@@ -41,11 +41,11 @@
                     <td><publicity-button is-public="p.public" owned="p.owner_id == vm.user.user_id" project-id="p.project_id"></publicity-button></td>
                   </tr>
                 </tbody>
-              </table>             
+              </table>
             </div>
-            <div class="col-xs-4 col-md-12 well well-sm well-custom"><div class="col-md-offset-10">//vm.projects ? vm.projects.length : 0// // 'items' | tr //</div></div>  
           </div>
-  	      </div>
+          <div class="col-xs-4 col-md-12 well well-sm well-custom"><div class="col-md-offset-10">//vm.projects ? vm.projects.length : 0// // 'items' | tr //</div></div>               
+  	    </div>
       </div>
     </div>
   </div>
diff --git a/views/repository.htm b/views/repository.htm
index d029aec..6c7d837 100644
--- a/views/repository.htm
+++ b/views/repository.htm
@@ -1,7 +1,7 @@
 <div class="container-fluid container-fluid-custom" ng-controller="DetailsController as vm">
   <div class="container container-custom">
     <div class="row extend-height">
-    	  <div class="col-xs-12 col-md-12">
+    	  <div class="col-xs-12 col-md-12 extend-height">
     	    <div class="section"> 
     		    <h4 class="page-header">
             <span ng-show="!vm.publicity">// 'my_projects' | tr //</span>