update 调整大量细节

web-react/src/assets/style/lib/form.less

@@ -45,7 +45,9 @@
     .ant-mentions,
     .ant-select-selector,
     .ant-input-group-addon,
-    .ant-cascader-picker {
+    .ant-cascader-picker,
+    .ant-input-affix-wrapper,
+    .ant-picker {
       z-index: 1;
 
       text-align: left;
@@ -64,11 +66,23 @@
 
       box-shadow: @box-shadow-focused;
     }
+    .unfoucs {
+      z-index: 1 !important;
+
+      box-shadow: none;
+    }
     .ant-input {
       &:focus {
         .focus();
       }
     }
+    .ant-input-affix-wrapper {
+      >.ant-input {
+        &:focus {
+          .unfoucs();
+        }
+      }
+    }
     .ant-input-number-focused,
     .ant-mentions-focused {
       .focus();
@@ -85,6 +99,18 @@
         .focus();
       }
     }
+    .ant-input-affix-wrapper:focus,
+    .ant-input-affix-wrapper-focused {
+      .focus();
+    }
+    .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) {
+      .ant-select-selector {
+        .focus();
+      }
+    }
+    .ant-picker-focused {
+      .focus();
+    }
     .ant-input-group {
       .ant-row-flex {
         .ant-select {
@@ -205,8 +231,8 @@
     h3,
     h4,
     h5 {
-      margin-top: @padding-sm;
-      padding: 0 @padding-md;
+      margin: 0;
+      padding: @padding-sm @padding-md @padding-xs;
     }
     .yo-form-group {
       margin-bottom: 0;

web-react/src/assets/style/lib/icon-selector.less

@@ -13,11 +13,10 @@
   }
   .ant-tabs {
     height: 100%;
-    .ant-tabs-left-content {
+    .ant-tabs-content-left {
       position: relative;
 
       height: 100%;
-      padding: 0;
       .ant-tabs-tabpane {
         position: absolute;
         top: 0;

web-react/src/assets/style/lib/list.less

@@ -44,4 +44,12 @@
       }
     }
   }
+  .ant-list-item {
+    transition: @animation-duration-slow;
+    transition-property: background, border-bottom-color;
+    &:hover {
+      border-bottom-color: lighten(@primary-color, 30%);
+      background: linear-gradient(90deg, transparent 10%, @background-color-light 70%, transparent);
+    }
+  }
 }

web-react/src/assets/style/lib/table.less

@@ -23,8 +23,26 @@
   }
 }
 
-.ant-table {
-  background-color: @white;
+.ant-table-thead {
+  th.ant-table-column-has-sorters {
+    &:hover {
+      background-color: darken(@background-color-base, 5%);
+    }
+  }
+}
+
+.ant-table-tbody {
+  >tr {
+    >td {
+      transition-property: background, border-bottom-color;
+    }
+  }
+
+  >tr.ant-table-row:hover {
+    >td {
+      border-bottom-color: lighten(@primary-color, 30%);
+    }
+  }
 }
 
 .ant-table-small {
@@ -54,6 +72,10 @@
 }
 
 .yo-table {
+  .ant-table {
+    margin: 0 !important;
+  }
+
   .border-right-none() {
     border-right-width: 0 !important;
 
@@ -126,8 +148,10 @@
     }
   }
 
-  .ant-table-pagination {
-    float: none;
+  .ant-table-bordered {
+    >.ant-table-container {
+      border-top: @border-width-base @border-style-base @table-border-color;
+    }
   }
 }
 

web-react/src/assets/style/lib/tree-layout.less

@@ -27,6 +27,8 @@
 
     text-align: right;
     >.anticon {
+      margin-left: @padding-xs;
+
       cursor: pointer;
 
       color: fade(@black, 50%);
@@ -60,4 +62,7 @@
       background-color: fade(@black, 45%);
     }
   }
+  .ant-tree {
+    color: fade(@black, 60%);
+  }
 }

web-react/src/assets/style/theme/primary.less

@@ -2,3 +2,4 @@
 @primary-color: #007bff;
 @font-size-base: 13px;
 @border-radius-base: 0;
+@border-color-split: hsv(0, 0, 90%);