From d0fc6ae71718a754a6acee2af8fada1db0aa4ffe Mon Sep 17 00:00:00 2001
From: OldHawk <taobataoma@gmail.com>
Date: Sun, 28 Jan 2018 12:27:21 +0800
Subject: [PATCH] fix(systems): fixed systems panel-body css

---
 modules/systems/client/less/systems.less               | 10 ++++++++++
 modules/systems/client/views/assets.client.view.html   |  2 +-
 modules/systems/client/views/env.client.view.html      |  2 +-
 .../systems/client/views/templates.client.view.html    |  2 +-
 modules/systems/client/views/trans.client.view.html    |  2 +-
 5 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/modules/systems/client/less/systems.less b/modules/systems/client/less/systems.less
index e8a092a5..34c6de3b 100644
--- a/modules/systems/client/less/systems.less
+++ b/modules/systems/client/less/systems.less
@@ -32,6 +32,16 @@
         border-bottom: solid 1px #ddd;
         padding: 10px 15px;
         background-color: #fafbfc;
+        &.show-border-bottom {
+            border-bottom: solid 1px #ddd;
+            border-bottom-right-radius: 0;
+            border-bottom-left-radius: 0;
+        }
+        &.hide-border-bottom {
+            border-bottom: none;
+            border-bottom-right-radius: 4px;
+            border-bottom-left-radius: 4px;
+        }
     }
     .panel-body {
         padding: 0;
diff --git a/modules/systems/client/views/assets.client.view.html b/modules/systems/client/views/assets.client.view.html
index 14c2ebb0..aae40d3f 100644
--- a/modules/systems/client/views/assets.client.view.html
+++ b/modules/systems/client/views/assets.client.view.html
@@ -3,7 +3,7 @@
         <small> - {{vm.loadedFilename}}</small>
     </div>
     <div class="panel-desc" ng-bind-html="vm.getDescConfig()"></div>
-    <div class="panel-filelist">
+    <div class="panel-filelist" ng-class="{'show-border-bottom': vm.showBody, 'hide-border-bottom': !vm.showBody}">
         <select class="form-control" ng-model="vm.selectedFilename" ng-change="vm.onSelectedFileChanged();" autofocus>
             <option value="null">{{'SYSTEMS.SELECT_FILE' | translate}}
             </option>
diff --git a/modules/systems/client/views/env.client.view.html b/modules/systems/client/views/env.client.view.html
index 8230266e..d3a031ec 100644
--- a/modules/systems/client/views/env.client.view.html
+++ b/modules/systems/client/views/env.client.view.html
@@ -3,7 +3,7 @@
         <small> - {{vm.loadedFilename}}</small>
     </div>
     <div class="panel-desc" ng-bind-html="vm.getDescConfig()"></div>
-    <div class="panel-filelist">
+    <div class="panel-filelist" ng-class="{'show-border-bottom': vm.showBody, 'hide-border-bottom': !vm.showBody}">
         <select class="form-control" ng-model="vm.selectedFilename" ng-change="vm.onSelectedFileChanged();" autofocus>
             <option value="null">{{'SYSTEMS.SELECT_FILE' | translate}}
             </option>
diff --git a/modules/systems/client/views/templates.client.view.html b/modules/systems/client/views/templates.client.view.html
index 88406a32..5d10720f 100644
--- a/modules/systems/client/views/templates.client.view.html
+++ b/modules/systems/client/views/templates.client.view.html
@@ -3,7 +3,7 @@
         <small> - {{vm.loadedFilename}}</small>
     </div>
     <div class="panel-desc" ng-bind-html="vm.getDescConfig()"></div>
-    <div class="panel-filelist">
+    <div class="panel-filelist" ng-class="{'show-border-bottom': vm.showBody, 'hide-border-bottom': !vm.showBody}">
         <select class="form-control" ng-model="vm.selectedFilename" ng-change="vm.onSelectedFileChanged();" autofocus>
             <option value="null">{{'SYSTEMS.SELECT_FILE' | translate}}
             </option>
diff --git a/modules/systems/client/views/trans.client.view.html b/modules/systems/client/views/trans.client.view.html
index 3d31d56e..11acbf4c 100644
--- a/modules/systems/client/views/trans.client.view.html
+++ b/modules/systems/client/views/trans.client.view.html
@@ -3,7 +3,7 @@
         <small> - {{vm.loadedFilename}}</small>
     </div>
     <div class="panel-desc" ng-bind-html="vm.getDescConfig()"></div>
-    <div class="panel-filelist">
+    <div class="panel-filelist" ng-class="{'show-border-bottom': vm.showBody, 'hide-border-bottom': !vm.showBody}">
         <select class="form-control" ng-model="vm.selectedFilename" ng-change="vm.onSelectedFileChanged();" autofocus>
             <option value="null">{{'SYSTEMS.SELECT_FILE' | translate}}
             </option>