fix(ClearableInput): adjust close button position in normal input

webapp-suite · Jan 21, 2019 · a57f7fe · a57f7fe
1 parent d0b21e4
commit a57f7fe
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/ClearableInput/index.js b/src/components/ClearableInput/index.js
@@ -76,12 +76,11 @@ class ClearableInput extends Component {
         {(!forbidClearable && hasChanged && (value || value === 0 || Number.isNaN(value))) && (
           <Button
             tabIndex="-1"
-            icon="remove"
-            size="sm"
-            transparent
+            icon="close"
             className={`${prefixCls}-clearable-input__clear-btn`}
             disabled={inputProps.disabled}
             onClick={this.handleClear}
+            micro
           />
         )}
       </div>

diff --git a/src/components/ClearableInput/index.less b/src/components/ClearableInput/index.less
@@ -15,6 +15,6 @@
 .@{prefix-cls}-clearable-input__clear-btn {
   position: absolute;
   top: 50%;
-  margin-top: -11px;
+  margin-top: -9px;
   right: 5px;
 }