fix: 增加 Pagination 跳转的宽度,在输入状态下加宽 (#3917)

This commit is contained in:
吴多益 2022-03-31 13:26:45 +08:00 committed by GitHub
parent 02c81f3099
commit fbbf358e5e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 1094 additions and 290 deletions

File diff suppressed because it is too large Load Diff

View File

@ -90,7 +90,7 @@
align-items: center;
input {
width: px2rem(50px);
width: px2rem(56px);
height: var(--Pagination-height);
border: var(--borderWidth) solid var(--borderColor);
border-radius: var(--borderRadius);
@ -98,6 +98,9 @@
margin: 0 px2rem(10px);
text-align: center;
&:focus {
width: auto;
}
&:focus,
&:hover {
outline: none;

View File

@ -265,7 +265,6 @@ export default class Pagination extends React.Component<
<input
type="text"
onChange={this.handlePageChange}
onFocus={(e: any) => e.currentTarget.select()}
onKeyUp={(e: any) =>
e.keyCode == 13 &&
onPageChange(parseInt(e.currentTarget.value, 10))