Code Review / sdc / sdc-workflow-designer.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | review | tree
raw | patch | inline | side by side (parent: 2be49b1)
Modify index.html and css 05/38905/2
authorYuanHu <yuan.hu1@zte.com.cn>
Tue, 27 Mar 2018 06:59:18 +0000 (14:59 +0800)
committerYuanHu <yuan.hu1@zte.com.cn>
Tue, 27 Mar 2018 07:16:25 +0000 (15:16 +0800)
Modify index.html and css

Issue-ID: SDC-1130,SDC-1131

Change-Id: Ic0451100918216c1ea408779bb32a692fbc848b8
Signed-off-by: YuanHu <yuan.hu1@zte.com.cn>
sdc-workflow-designer-ui/src/index.html patch | blob | history
sdc-workflow-designer-ui/src/styles.css patch | blob | history

diff --git a/sdc-workflow-designer-ui/src/index.html b/sdc-workflow-designer-ui/src/index.html
index 636e2a5..650ed99 100644 (file)
--- a/sdc-workflow-designer-ui/src/index.html
+++ b/sdc-workflow-designer-ui/src/index.html
@@ -12,14 +12,13 @@
  */
 -->
 <!doctype html>
-<html lang="en">
 
 <head>
-    <meta charset="utf-8">
-    <title>Workflow Designer</title>
-    <base href="/workflow-modeler">
+  <meta charset="utf-8">
+  <title>Workflow Modeler</title>
+  <base href="/workflow-modeler">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 
 <body>
diff --git a/sdc-workflow-designer-ui/src/styles.css b/sdc-workflow-designer-ui/src/styles.css
index 63e18c3..5d52b5c 100644 (file)
--- 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;
 }
 
A graphic design tool for service life cycle management workflow design.