1 files changed, 87 insertions, 17 deletions

diff --git a/sdc-workflow-designer-ui/src/styles.css b/sdc-workflow-designer-ui/src/styles.css
index c24cd107..174f7b49 100644
--- a/sdc-workflow-designer-ui/src/styles.css
+++ b/sdc-workflow-designer-ui/src/styles.css
@@ -11,11 +11,11 @@
  */
 
  body, html {
-     height: 100%;
-     margin: 0px;
- }
+    height: 100%;
+    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Helvetica,Arial,san-serif !important;
+}
 
- .form-group .btn{
+.form-group .btn{
     min-width: 20px;
 }
 
@@ -23,12 +23,18 @@
     line-height: 30px;
 }
 
-textarea.form-control {
-    height: auto;
+.card{
+    border: none;
+}
+
+.card-header{
+    background-color: transparent;
+    padding: 10px;
+    border-bottom: none;
 }
 
-.tree-select-class{
-    padding: 0;
+.card-body{
+    padding: 10px 10px 0 10px;
 }
 
 .dropdown-menu{
@@ -37,12 +43,13 @@ textarea.form-control {
 }
 
 .caret {
-  border-top: 6px dashed;
-  border-right: 3px solid transparent;
-  border-left: 3px solid transparent;
+    border-top: 6px dashed;
+    border-right: 3px solid transparent;
+    border-left: 3px solid transparent;
 }
 
 .selected-container-text{
+    background-color: #fff;
     padding-left: 14px !important;
     line-height: 20px;
 }
@@ -54,16 +61,79 @@ textarea.form-control {
 }
 
 .selected-item-text{
+    color: #333;
     margin: 0 !important;
     font-size: 12px !important;
 }
 
-.selecting {
-    border: 1px solid royalblue;
-    background-color: yellowgreen;
-    position: absolute;
+textarea.form-control {
+    height: auto;
+}
+
+body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon{
+    top: 1px;
+}
+
+.ui-fluid .ui-tree{
+    width: fit-content;
+    min-width: 100%;
+}
+
+.ui-tree-toggler{
+    margin-bottom: 1rem;
+}
+
+.ui-tree-container{
+    overflow: auto;
+}
+
+.ui-widget-content{
+    background: none;
+}
+
+.selected-container-text{
+    width: 160px;
+}
+
+/*IE滚动条设置*/
+body{
+    /*三角箭头的颜色*/
+    scrollbar-arrow-color: #00abff;
+    /*滚动条滑块按钮的颜色*/
+    scrollbar-face-color: #00abff;
+    /*滚动条整体颜色*/
+    scrollbar-highlight-color: transparent;
+    /*滚动条阴影*/
+    scrollbar-shadow-color: #000;
+    /*滚动条轨道颜色*/
+    scrollbar-track-color: transparent;
+}
+
+/*Chrome滚动条设置*/
+/*滚动条整体部分,必须要设置*/
+::-webkit-scrollbar
+{
+	width: 4px;
+    height: 4px;
+	background-color: transparent;
+	margin-right: 2px;
+}
+
+/*滚动条的轨道*/
+::-webkit-scrollbar-track
+{
+	border-radius: 2px;
+	background-color: transparent;
+}
+
+/*滚动条的滑块按钮*/
+::-webkit-scrollbar-thumb{
+    border-radius: 2px;
+    background-color: #00abff;
 }
 
-.ui-treenode-label{
-    width: calc(100% - 32px);
+/*滚动条的上下两端的按钮*/
+::-webkit-scrollbar-button{
+    width: 0;
+    height: 0;
 }