mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

chore: improve site (#38885)

Browse Source 
* chore: update

* chore: improve-site

* chore(site): fix the address bar of switching writing mode Error problem

* chore: format

accept suggestion

Co-authored-by: MadCcc <1075746765@qq.com>

* Revert "chore: update"

This reverts commit cb7e74d350.

Co-authored-by: MadCcc <1075746765@qq.com>
This commit is contained in:
Wuxh 2022-11-25 00:04:27 +08:00 committed by GitHub
parent 2a3cd3db20
commit d989a4e53b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
.dumi/theme/builtins/Previewer/index.jsx
View File

@ -1,7 +1,7 @@
/* eslint jsx-a11y/no-noninteractive-element-interactions: 0 */
import { CheckOutlined, SnippetsOutlined, ThunderboltOutlined } from '@ant-design/icons';
import stackblitzSdk from '@stackblitz/sdk';
import { Alert, Badge, Tooltip } from 'antd';
import { Alert, Badge, Tooltip, Space } from 'antd';
import classNames from 'classnames';
import LZString from 'lz-string';
import React from 'react';
@ -375,7 +375,7 @@ createRoot(document.getElementById('container')).render(<Demo />);
/>
</div>
<div className="code-box-description">{introChildren}</div>
<div className="code-box-actions">
<Space wrap size="middle" className="code-box-actions">
{showRiddleButton ? (
<form
className="code-box-code-action"
@ -466,7 +466,7 @@ createRoot(document.getElementById('container')).render(<Demo />);
<Tooltip
title={<FormattedMessage id={`app.demo.code.${codeExpand ? 'hide' : 'show'}`} />}
>
<span className="code-expand-icon code-box-code-action">
<div className="code-expand-icon code-box-code-action">
<img
alt="expand code"
src={
@ -487,9 +487,9 @@ createRoot(document.getElementById('container')).render(<Demo />);
className={codeExpand ? 'code-expand-icon-show' : 'code-expand-icon-hide'}
onClick={() => this.handleCodeExpand(meta.id)}
/>
</span>
</Tooltip>
</div>
</Tooltip>
</Space>
</section>
<section className={highlightClass} key="code">
<CodePreview

12
.dumi/theme/common/GlobalStyles.tsx
View File

@ -1004,6 +1004,9 @@ const GlobalStyles = () => {
}
.code-expand-icon {
width: 16px;
height: 16px;
position: relative;
cursor: pointer;
}
@ -1086,7 +1089,6 @@ const GlobalStyles = () => {
align-items: center;
width: 16px;
height: 16px;
margin-left: 16px;
color: ${token.colorTextSecondary};
cursor: pointer;
transition: all 0.24s;
@ -1096,14 +1098,6 @@ const GlobalStyles = () => {
margin-left: 0;
}
&:first-child {
margin-left: 0;
${antCls}-row-rtl & {
margin-right: 0;
}
}
&:hover {
color: ${token.colorText};
}

4
.dumi/theme/slots/Header/index.tsx
View File

@ -232,9 +232,9 @@ const Header: React.FC<HeaderProps> = (props) => {
const onMenuVisibleChange = useCallback((visible: boolean) => {
setHeaderState((prev) => ({ ...prev, menuVisible: visible }));
}, []);
const onDirectionChange = useCallback(() => {
const onDirectionChange = () => {
changeDirection?.(direction !== 'rtl' ? 'rtl' : 'ltr');
}, [direction]);
};
useEffect(() => {
handleHideMenu();