ver. 0.4.2

uxcore · Oct 8, 2018 · b4bc0bb · b4bc0bb
1 parent 45c9ee8
commit b4bc0bb
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 9 deletions.
diff --git a/HISTORY.md b/HISTORY.md
@@ -1,3 +1,7 @@
+# 0.4.2
+
+* `CHANGED` style adjustment
+
 # 0.4.1
 
 `CHANGED` support js style export

diff --git a/demo/TransferDemo.jsx b/demo/TransferDemo.jsx
@@ -80,16 +80,16 @@ class TransferDemo extends React.Component {
         />
         <div style={{ marginTop: '20px' }}>
           <Button onClick={me.handleClick}>
-手动更改被选中的项
+            手动更改被选中的项
           </Button>
           <Button onClick={me.handleClick2}>
-更改 mode
+            更改 mode
           </Button>
           <Button onClick={me.handleClick3}>
-更改 props
+            更改 props
           </Button>
           <Button onClick={me.handleClick4}>
-重置
+            重置
           </Button>
         </div>
       </div>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "uxcore-transfer",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "transfer ui component for react",
   "main": "build/index.js",
   "scripts": {

diff --git a/src/Transfer.less b/src/Transfer.less
@@ -2,18 +2,24 @@
 @__transferPrefixCls: kuma-uxtransfer;
 
 .@{__transferPrefixCls}-container {
+    box-sizing: border-box;
+    * {
+        &, &:after, &:before {
+            box-sizing: inherit;
+        }
+    }
     font-size: 12px;
     border-collapse: separate;
     display: inline-block;
     width: 480px;
     th {
         font-weight: 400;
         width: 44px;
-        padding: 16px 16px 6px 16px;
+        padding: 16px 12px 6px;
         display: inline-block;
         > .title {
             float: left;
-            color: @normal-alpha-4;
+            color: @dark-3;
         }
         .check-all {
             float: right;
@@ -64,9 +70,9 @@
             a {
                 display: block;
                 height: 32px;
-                padding: 0 20px 0 16px;
+                padding: 0 12px;
                 line-height: 32px;
-                color: @dark-alpha-3;
+                color: @dark-3;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;