Modify index.html and css

Modify index.html and css

Issue-ID: SDC-1130,SDC-1131

Change-Id: Ic0451100918216c1ea408779bb32a692fbc848b8
Signed-off-by: YuanHu <yuan.hu1@zte.com.cn>

1 files changed, 36 insertions, 11 deletions

diff --git a/sdc-workflow-designer-ui/src/styles.css b/sdc-workflow-designer-ui/src/styles.css
index 63e18c3d..5d52b5c5 100644
--- a/sdc-workflow-designer-ui/src/styles.css
+++ b/sdc-workflow-designer-ui/src/styles.css
@@ -10,17 +10,31 @@
  *     ZTE - initial API and implementation and/or initial documentation
  */
 
- body, html {
+body, html {
     height: 100%;
+    font-size: 14px;
     font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Helvetica,Arial,san-serif !important;
 }
 
-.form-group .btn{
+.plx-btn{
     min-width: 20px;
 }
 
-.form-control-label{
-    line-height: 30px;
+label{
+    height: 32px;
+    line-height: 32px;
+    margin: 0;
+}
+
+select{
+    height: 32px;
+    line-height: 32px;
+    border: 1px solid #d9d9d9;
+    border-radius: 3px;
+}
+
+select:focus{
+    border-color: #00abff;
 }
 
 .card{
@@ -38,8 +52,8 @@
 }
 
 .dropdown-menu{
-    display: block;
-    font-size: 12px;
+    display: block !important;
+    /* font-size: 12px; */
 }
 
 .caret {
@@ -80,6 +94,8 @@ body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon{
 }
 
 .ui-tree-toggler{
+    height: 32px;
+    line-height: 32px;
     margin-bottom: 1rem;
 }
 
@@ -91,8 +107,17 @@ body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon{
     background: none;
 }
 
+
+.dropdown{
+    display: inline-block;
+    vertical-align: bottom;
+}
+
 .selected-container-text{
     width: 160px;
+    height: 32px;
+    padding-top: 5px;
+    padding-bottom: 5px;
 }
 
 /*IE滚动条设置*/
@@ -113,22 +138,22 @@ body{
 /*滚动条整体部分,必须要设置*/
 ::-webkit-scrollbar
 {
-	width: 4px;
-    height: 4px;
+	width: 6px;
+    height: 6px;
 	background-color: transparent;
-	margin-right: 2px;
+	margin-right: 3px;
 }
 
 /*滚动条的轨道*/
 ::-webkit-scrollbar-track
 {
-	border-radius: 2px;
+	border-radius: 3px;
 	background-color: transparent;
 }
 
 /*滚动条的滑块按钮*/
 ::-webkit-scrollbar-thumb{
-    border-radius: 2px;
+    border-radius: 3px;
     background-color: #00abff;
 }