test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 20:19:44 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity

fix: InputNumber arrow align issue (#32409)

Browse Source 
* fix: InputNumber arrow align issue

* fix input number demo
This commit is contained in:
afc163 2021-10-09 11:21:39 +08:00 committed by GitHub
parent d0206049e8
commit 46478d590f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/input-number/__tests__/__snapshots__/demo.test.js.snap
View File

@ -115,7 +115,8 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
class="ant-input-number-group-addon" class="ant-input-number-group-addon"
> >
<div <div
class="ant-select select-before ant-select-single ant-select-show-arrow" class="ant-select ant-select-single ant-select-show-arrow"
style="width:60px"
> >
<div <div
class="ant-select-selector" class="ant-select-selector"
@ -252,7 +253,8 @@ exports[`renders ./components/input-number/demo/addon.md correctly 1`] = `
class="ant-input-number-group-addon" class="ant-input-number-group-addon"
> >
<div <div
class="ant-select select-after ant-select-single ant-select-show-arrow" class="ant-select ant-select-single ant-select-show-arrow"
style="width:60px"
> >
<div <div
class="ant-select-selector" class="ant-select-selector"

14
components/input-number/demo/addon.md
View File

@ -20,13 +20,13 @@ import { SettingOutlined } from '@ant-design/icons';
const { Option } = Select; const { Option } = Select;
const selectBefore = ( const selectBefore = (
<Select defaultValue="add" className="select-before"> <Select defaultValue="add" style={{ width: 60 }}>
<Option value="add">+</Option> <Option value="add">+</Option>
<Option value="minus">-</Option> <Option value="minus">-</Option>
</Select> </Select>
); );
const selectAfter = ( const selectAfter = (
<Select defaultValue="USD" className="select-after"> <Select defaultValue="USD" style={{ width: 60 }}>
<Option value="USD">$</Option> <Option value="USD">$</Option>
<Option value="EUR">€</Option> <Option value="EUR">€</Option>
<Option value="GBP">£</Option> <Option value="GBP">£</Option>
@ -47,13 +47,3 @@ ReactDOM.render(
mountNode, mountNode,
); );
``` ```
```css
.select-before {
width: 50px;
}
.select-after {
width: 50px;
}
```

3
components/input-number/style/index.less
View File

@ -145,6 +145,9 @@
.@{input-number-prefix-cls}-handler { .@{input-number-prefix-cls}-handler {
.@{input-number-prefix-cls}-handler-up-inner, .@{input-number-prefix-cls}-handler-up-inner,
.@{input-number-prefix-cls}-handler-down-inner { .@{input-number-prefix-cls}-handler-down-inner {
display: flex;
align-items: center;
justify-content: center;
min-width: auto; min-width: auto;
margin-right: 0; margin-right: 0;
font-size: 7px; font-size: 7px;