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

use svg close icon in drawer.

Browse Source
This commit is contained in:
HeskeyBaozi 2018-07-25 11:45:42 +08:00
parent 62aff06067
commit 759f7a1c55
2 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/drawer/index.tsx
View File

@ -3,6 +3,7 @@ import RcDrawer from 'rc-drawer';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import createReactContext, { Context } from 'create-react-context'; import createReactContext, { Context } from 'create-react-context';
import isNumeric from '../_util/isNumeric'; import isNumeric from '../_util/isNumeric';
import Icon from '../icon';
const DrawerContext: Context<Drawer | null> = createReactContext(null); const DrawerContext: Context<Drawer | null> = createReactContext(null);
@ -136,7 +137,9 @@ export default class Drawer extends React.Component<DrawerProps, IDrawerState> {
aria-label="Close" aria-label="Close"
className={`${prefixCls}-close`} className={`${prefixCls}-close`}
> >
<span className={`${prefixCls}-close-x`} /> <span className={`${prefixCls}-close-x`}>
<Icon type="close"/>
</span>
</button> </button>
); );
} }

6
components/drawer/style/drawer.less
View File

@ -101,12 +101,6 @@
height: 56px; height: 56px;
line-height: 56px; line-height: 56px;
font-size: @font-size-lg; font-size: @font-size-lg;
&:before {
content: "\e633";
display: block;
font-family: "anticon" !important;
}
} }
&:focus, &:focus,