mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

style: optimize Input.TextArea count style in rtl (#27098)

Browse Source
This commit is contained in:
xrk 2020-10-12 12:43:04 +08:00 committed by GitHub
parent 852b28c235
commit f0f39895b5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/input/TextArea.tsx
View File

@ -111,6 +111,7 @@ class TextArea extends React.Component<TextAreaProps, TextAreaState> {
<div
className={classNames(`${prefixCls}-textarea`, {
[`${prefixCls}-textarea-show-count`]: showCount,
[`${prefixCls}-textarea-rtl`]: direction === 'rtl',
})}
{...(showCount ? { 'data-count': dataCount } : {})}
>

2
components/input/style/index.less
View File

@ -47,7 +47,7 @@
&-textarea {
&-show-count::after {
display: block;
color: @normal-color;
color: @text-color-secondary;
text-align: right;
content: attr(data-count);
}

10
components/input/style/rtl.less
View File

@ -33,6 +33,16 @@
margin: 0 @input-affix-margin 0 0;
}
}
&-textarea {
&-rtl {
direction: rtl;
}
&-rtl&-show-count::after {
text-align: left;
}
}
}
// allow-clear