mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-18 11:18:14 +08:00
Code Issues Actions 15 Packages Projects Releases Wiki Activity

fix: fix select rtl (#23235)

Browse Source 
* fix: fix select rtl

* fix lint

Co-Authored-By: Amumu <yoyo837@hotmail.com>

Co-authored-by: Amumu <yoyo837@hotmail.com>
This commit is contained in:
xrkffgg 2020-04-14 16:42:39 +08:00 committed by GitHub
parent c338569cff
commit 1855fef437
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/select/style/rtl.less
View File

@ -28,8 +28,7 @@
// ========================== Popup ==========================
&-dropdown {
&-rtl {
direction: ltr;
text-align: right;
direction: rtl;
}
}

14
site/theme/template/Layout/Header/index.tsx
View File

@ -40,7 +40,7 @@ function initDocSearch(locale: string) {
transformData(hits: { url: string }[]) {
hits.forEach(hit => {
hit.url = hit.url.replace('ant.design', window.location.host);
hit.url = hit.url.replace('https:', window.location.protocol)
hit.url = hit.url.replace('https:', window.location.protocol);
});
return hits;
},
@ -131,6 +131,17 @@ class Header extends React.Component<HeaderProps, HeaderState> {
return 'LTR';
};
getDropdownStyle = (): React.CSSProperties => {
const { direction } = this.context;
if (direction === 'rtl') {
return {
direction: 'ltr',
textAlign: 'right',
};
}
return {};
};
onMenuVisibleChange = (visible: boolean) => {
this.setState({
menuVisible: visible,
@ -233,6 +244,7 @@ class Header extends React.Component<HeaderProps, HeaderState> {
size="small"
defaultValue={antdVersion}
onChange={this.handleVersionChange}
dropdownStyle={this.getDropdownStyle()}
getPopupContainer={trigger => trigger.parentNode}
>
{versionOptions}