mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 06:03:38 +08:00
feat: Breadcrumb accessibility improvements (#34082)
* add accessibility to the breadcrumb component * feat: add accessibility to the breadcrumb component * test: breadcrumb accessibility
This commit is contained in:
Uladzimir Atroshchanka
GitHub
parent
895280971c
commit
662f3ade06
@ -143,9 +143,11 @@ const Breadcrumb: BreadcrumbInterface = ({
|
||||
);
|
||||
|
||||
return (
|
||||
<div className={breadcrumbClassName} style={style} {...restProps}>
|
||||
<nav className={breadcrumbClassName} style={style} {...restProps}>
|
||||
<ol>
|
||||
{crumbs}
|
||||
</div>
|
||||
</ol>
|
||||
</nav>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@ -30,7 +30,7 @@ const BreadcrumbItem: BreadcrumbItemInterface = ({
|
||||
const renderBreadcrumbNode = (breadcrumbItem: React.ReactNode) => {
|
||||
if (overlay) {
|
||||
return (
|
||||
<DropDown overlay={overlay} placement="bottom" {...dropdownProps}>
|
||||
<DropDown overlay={overlay} placement="bottomCenter" {...dropdownProps}>
|
||||
<span className={`${prefixCls}-overlay-link`}>
|
||||
{breadcrumbItem}
|
||||
<DownOutlined />
|
||||
@ -60,10 +60,12 @@ const BreadcrumbItem: BreadcrumbItemInterface = ({
|
||||
link = renderBreadcrumbNode(link);
|
||||
if (children) {
|
||||
return (
|
||||
<span>
|
||||
<li>
|
||||
{link}
|
||||
{separator && <span className={`${prefixCls}-separator`}>{separator}</span>}
|
||||
</span>
|
||||
{separator && (
|
||||
<span className={`${prefixCls}-separator`}>{separator}</span>
|
||||
)}
|
||||
</li>
|
||||
);
|
||||
}
|
||||
return null;
|
||||
|
||||
@ -3,10 +3,12 @@ import { mount, render } from 'enzyme';
|
||||
import Breadcrumb from '../index';
|
||||
import mountTest from '../../../tests/shared/mountTest';
|
||||
import rtlTest from '../../../tests/shared/rtlTest';
|
||||
import accessibilityTest from "../../../tests/shared/accessibilityTest";
|
||||
|
||||
describe('Breadcrumb', () => {
|
||||
mountTest(Breadcrumb);
|
||||
rtlTest(Breadcrumb);
|
||||
accessibilityTest(Breadcrumb)
|
||||
|
||||
const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
|
||||
|
||||
|
||||
@ -1,54 +1,61 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Breadcrumb filter React.Fragment 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
Location
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<span
|
||||
class="ant-breadcrumb-separator"
|
||||
>
|
||||
:
|
||||
</span>
|
||||
<span>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
>
|
||||
Application Center
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
<span
|
||||
class="ant-breadcrumb-separator"
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</div>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`Breadcrumb rtl render component should be rendered correctly in RTL direction 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb ant-breadcrumb-rtl"
|
||||
/>
|
||||
>
|
||||
<ol />
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`Breadcrumb should accept undefined routes 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
/>
|
||||
>
|
||||
<ol />
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -59,15 +66,17 @@ exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`Breadcrumb should not display Breadcrumb Item when its children is falsy 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -78,8 +87,8 @@ exports[`Breadcrumb should not display Breadcrumb Item when its children is fals
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -90,15 +99,17 @@ exports[`Breadcrumb should not display Breadcrumb Item when its children is fals
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`Breadcrumb should render a menu 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -113,8 +124,8 @@ exports[`Breadcrumb should render a menu 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
|
||||
>
|
||||
@ -152,8 +163,8 @@ exports[`Breadcrumb should render a menu 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -168,8 +179,8 @@ exports[`Breadcrumb should render a menu 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -180,15 +191,17 @@ exports[`Breadcrumb should render a menu 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`Breadcrumb should support Breadcrumb.Item default separator 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -199,9 +212,9 @@ exports[`Breadcrumb should support Breadcrumb.Item default separator 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<span>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -212,9 +225,9 @@ exports[`Breadcrumb should support Breadcrumb.Item default separator 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</li>
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -225,15 +238,17 @@ exports[`Breadcrumb should support Breadcrumb.Item default separator 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -244,8 +259,8 @@ exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -256,8 +271,8 @@ exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -268,17 +283,19 @@ exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
0
|
||||
</div>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`Breadcrumb should support custom attribute 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
data-custom="custom"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
data-custom="custom-item"
|
||||
@ -290,8 +307,8 @@ exports[`Breadcrumb should support custom attribute 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -302,6 +319,7 @@ exports[`Breadcrumb should support custom attribute 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
@ -1,10 +1,11 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/basic.md extend context correctly 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -15,8 +16,8 @@ exports[`renders ./components/breadcrumb/demo/basic.md extend context correctly
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -31,8 +32,8 @@ exports[`renders ./components/breadcrumb/demo/basic.md extend context correctly
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -47,8 +48,8 @@ exports[`renders ./components/breadcrumb/demo/basic.md extend context correctly
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -59,15 +60,17 @@ exports[`renders ./components/breadcrumb/demo/basic.md extend context correctly
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctly 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -78,8 +81,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -94,8 +97,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
|
||||
>
|
||||
@ -335,8 +338,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -347,15 +350,17 @@ exports[`renders ./components/breadcrumb/demo/overlay.md extend context correctl
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/separator.md extend context correctly 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -366,8 +371,8 @@ exports[`renders ./components/breadcrumb/demo/separator.md extend context correc
|
||||
>
|
||||
>
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
@ -379,8 +384,8 @@ exports[`renders ./components/breadcrumb/demo/separator.md extend context correc
|
||||
>
|
||||
>
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
@ -392,8 +397,8 @@ exports[`renders ./components/breadcrumb/demo/separator.md extend context correc
|
||||
>
|
||||
>
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -404,67 +409,71 @@ exports[`renders ./components/breadcrumb/demo/separator.md extend context correc
|
||||
>
|
||||
>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/separator-component.md extend context correctly 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
Location
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<span
|
||||
class="ant-breadcrumb-separator"
|
||||
>
|
||||
:
|
||||
</span>
|
||||
<span>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
>
|
||||
Application Center
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
<span
|
||||
class="ant-breadcrumb-separator"
|
||||
>
|
||||
/
|
||||
</span>
|
||||
<span>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
>
|
||||
Application List
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
<span
|
||||
class="ant-breadcrumb-separator"
|
||||
>
|
||||
/
|
||||
</span>
|
||||
<span>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
An Application
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/withIcon.md extend context correctly 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
@ -494,8 +503,8 @@ exports[`renders ./components/breadcrumb/demo/withIcon.md extend context correct
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
@ -528,8 +537,8 @@ exports[`renders ./components/breadcrumb/demo/withIcon.md extend context correct
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -540,6 +549,7 @@ exports[`renders ./components/breadcrumb/demo/withIcon.md extend context correct
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
@ -1,10 +1,11 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -15,8 +16,8 @@ exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -31,8 +32,8 @@ exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -47,8 +48,8 @@ exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -59,15 +60,17 @@ exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/overlay.md correctly 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -78,8 +81,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -94,8 +97,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
|
||||
>
|
||||
@ -133,8 +136,8 @@ exports[`renders ./components/breadcrumb/demo/overlay.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -145,15 +148,17 @@ exports[`renders ./components/breadcrumb/demo/overlay.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -164,8 +169,8 @@ exports[`renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
|
||||
>
|
||||
>
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
@ -177,8 +182,8 @@ exports[`renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
|
||||
>
|
||||
>
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
@ -190,8 +195,8 @@ exports[`renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
|
||||
>
|
||||
>
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -202,67 +207,71 @@ exports[`renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
|
||||
>
|
||||
>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/separator-component.md correctly 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
Location
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<span
|
||||
class="ant-breadcrumb-separator"
|
||||
>
|
||||
:
|
||||
</span>
|
||||
<span>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
>
|
||||
Application Center
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
<span
|
||||
class="ant-breadcrumb-separator"
|
||||
>
|
||||
/
|
||||
</span>
|
||||
<span>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
>
|
||||
Application List
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
<span
|
||||
class="ant-breadcrumb-separator"
|
||||
>
|
||||
/
|
||||
</span>
|
||||
<span>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
An Application
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
@ -292,8 +301,8 @@ exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="ant-breadcrumb-link"
|
||||
href=""
|
||||
@ -326,8 +335,8 @@ exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -338,6 +347,7 @@ exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
@ -74,14 +74,15 @@ exports[`react router react router 3 1`] = `
|
||||
]
|
||||
}
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
className="ant-breadcrumb"
|
||||
>
|
||||
<ol>
|
||||
<BreadcrumbItem
|
||||
key="Home"
|
||||
separator="/"
|
||||
>
|
||||
<span>
|
||||
<li>
|
||||
<span
|
||||
className="ant-breadcrumb-link"
|
||||
>
|
||||
@ -96,13 +97,13 @@ exports[`react router react router 3 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
</BreadcrumbItem>
|
||||
<BreadcrumbItem
|
||||
key="apps"
|
||||
separator="/"
|
||||
>
|
||||
<span>
|
||||
<li>
|
||||
<span
|
||||
className="ant-breadcrumb-link"
|
||||
>
|
||||
@ -117,13 +118,13 @@ exports[`react router react router 3 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
</BreadcrumbItem>
|
||||
<BreadcrumbItem
|
||||
key="1"
|
||||
separator="/"
|
||||
>
|
||||
<span>
|
||||
<li>
|
||||
<span
|
||||
className="ant-breadcrumb-link"
|
||||
>
|
||||
@ -138,13 +139,13 @@ exports[`react router react router 3 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
</BreadcrumbItem>
|
||||
<BreadcrumbItem
|
||||
key="detail"
|
||||
separator="/"
|
||||
>
|
||||
<span>
|
||||
<li>
|
||||
<span
|
||||
className="ant-breadcrumb-link"
|
||||
>
|
||||
@ -157,8 +158,9 @@ exports[`react router react router 3 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
</BreadcrumbItem>
|
||||
</div>
|
||||
</ol>
|
||||
</nav>
|
||||
</Breadcrumb>
|
||||
`;
|
||||
|
||||
@ -13,6 +13,11 @@
|
||||
font-size: @breadcrumb-icon-font-size;
|
||||
}
|
||||
|
||||
ol {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @breadcrumb-link-color;
|
||||
transition: color 0.3s;
|
||||
@ -22,7 +27,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
& > span:last-child {
|
||||
li:last-child {
|
||||
color: @breadcrumb-last-item-color;
|
||||
|
||||
a {
|
||||
@ -30,7 +35,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
& > span:last-child &-separator {
|
||||
li:last-child &-separator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@ -985,10 +985,11 @@ exports[`ConfigProvider components Badge prefixCls 1`] = `
|
||||
`;
|
||||
|
||||
exports[`ConfigProvider components Breadcrumb configProvider 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="config-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="config-breadcrumb-link"
|
||||
>
|
||||
@ -999,8 +1000,8 @@ exports[`ConfigProvider components Breadcrumb configProvider 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="config-breadcrumb-link"
|
||||
>
|
||||
@ -1011,15 +1012,17 @@ exports[`ConfigProvider components Breadcrumb configProvider 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`ConfigProvider components Breadcrumb configProvider componentSize large 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="config-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="config-breadcrumb-link"
|
||||
>
|
||||
@ -1030,8 +1033,8 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize large
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="config-breadcrumb-link"
|
||||
>
|
||||
@ -1042,15 +1045,17 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize large
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`ConfigProvider components Breadcrumb configProvider componentSize middle 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="config-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="config-breadcrumb-link"
|
||||
>
|
||||
@ -1061,8 +1066,8 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize middl
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="config-breadcrumb-link"
|
||||
>
|
||||
@ -1073,15 +1078,17 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize middl
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`ConfigProvider components Breadcrumb configProvider virtual and dropdownMatchSelectWidth 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1092,8 +1099,8 @@ exports[`ConfigProvider components Breadcrumb configProvider virtual and dropdow
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1104,15 +1111,17 @@ exports[`ConfigProvider components Breadcrumb configProvider virtual and dropdow
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`ConfigProvider components Breadcrumb normal 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1123,8 +1132,8 @@ exports[`ConfigProvider components Breadcrumb normal 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1135,15 +1144,17 @@ exports[`ConfigProvider components Breadcrumb normal 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`ConfigProvider components Breadcrumb prefixCls 1`] = `
|
||||
<div
|
||||
<nav
|
||||
class="prefix-Breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="prefix-Breadcrumb-link"
|
||||
>
|
||||
@ -1154,8 +1165,8 @@ exports[`ConfigProvider components Breadcrumb prefixCls 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="prefix-Breadcrumb-link"
|
||||
>
|
||||
@ -1166,8 +1177,9 @@ exports[`ConfigProvider components Breadcrumb prefixCls 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
`;
|
||||
|
||||
exports[`ConfigProvider components Button configProvider 1`] = `
|
||||
|
||||
@ -658,11 +658,12 @@ exports[`renders ./components/layout/demo/fixed.md extend context correctly 1`]
|
||||
class="ant-layout-content site-layout"
|
||||
style="padding:0 50px;margin-top:64px"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
style="margin:16px 0"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -673,8 +674,8 @@ exports[`renders ./components/layout/demo/fixed.md extend context correctly 1`]
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -685,8 +686,8 @@ exports[`renders ./components/layout/demo/fixed.md extend context correctly 1`]
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -697,8 +698,9 @@ exports[`renders ./components/layout/demo/fixed.md extend context correctly 1`]
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div
|
||||
class="site-layout-background"
|
||||
style="padding:24px;min-height:380px"
|
||||
@ -2497,11 +2499,12 @@ exports[`renders ./components/layout/demo/side.md extend context correctly 1`] =
|
||||
class="ant-layout-content"
|
||||
style="margin:0 16px"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
style="margin:16px 0"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -2512,8 +2515,8 @@ exports[`renders ./components/layout/demo/side.md extend context correctly 1`] =
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -2524,8 +2527,9 @@ exports[`renders ./components/layout/demo/side.md extend context correctly 1`] =
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div
|
||||
class="site-layout-background"
|
||||
style="padding:24px;min-height:360px"
|
||||
@ -3458,11 +3462,12 @@ exports[`renders ./components/layout/demo/top.md extend context correctly 1`] =
|
||||
class="ant-layout-content"
|
||||
style="padding:0 50px"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
style="margin:16px 0"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -3473,8 +3478,8 @@ exports[`renders ./components/layout/demo/top.md extend context correctly 1`] =
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -3485,8 +3490,8 @@ exports[`renders ./components/layout/demo/top.md extend context correctly 1`] =
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -3497,8 +3502,9 @@ exports[`renders ./components/layout/demo/top.md extend context correctly 1`] =
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div
|
||||
class="site-layout-content"
|
||||
>
|
||||
@ -3757,11 +3763,12 @@ exports[`renders ./components/layout/demo/top-side.md extend context correctly 1
|
||||
class="ant-layout-content"
|
||||
style="padding:0 50px"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
style="margin:16px 0"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -3772,8 +3779,8 @@ exports[`renders ./components/layout/demo/top-side.md extend context correctly 1
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -3784,8 +3791,8 @@ exports[`renders ./components/layout/demo/top-side.md extend context correctly 1
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -3796,8 +3803,9 @@ exports[`renders ./components/layout/demo/top-side.md extend context correctly 1
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<section
|
||||
class="ant-layout site-layout-background"
|
||||
style="padding:24px 0"
|
||||
@ -6053,11 +6061,12 @@ exports[`renders ./components/layout/demo/top-side-2.md extend context correctly
|
||||
class="ant-layout"
|
||||
style="padding:0 24px 24px"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
style="margin:16px 0"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -6068,8 +6077,8 @@ exports[`renders ./components/layout/demo/top-side-2.md extend context correctly
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -6080,8 +6089,8 @@ exports[`renders ./components/layout/demo/top-side-2.md extend context correctly
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -6092,8 +6101,9 @@ exports[`renders ./components/layout/demo/top-side-2.md extend context correctly
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<main
|
||||
class="ant-layout-content site-layout-background"
|
||||
style="padding:24px;margin:0;min-height:280px"
|
||||
|
||||
@ -381,11 +381,12 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
|
||||
class="ant-layout-content site-layout"
|
||||
style="padding:0 50px;margin-top:64px"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
style="margin:16px 0"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -396,8 +397,8 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -408,8 +409,8 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -420,8 +421,9 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div
|
||||
class="site-layout-background"
|
||||
style="padding:24px;min-height:380px"
|
||||
@ -1253,11 +1255,12 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
|
||||
class="ant-layout-content"
|
||||
style="margin:0 16px"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
style="margin:16px 0"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1268,8 +1271,8 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1280,8 +1283,9 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div
|
||||
class="site-layout-background"
|
||||
style="padding:24px;min-height:360px"
|
||||
@ -1542,11 +1546,12 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
|
||||
class="ant-layout-content"
|
||||
style="padding:0 50px"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
style="margin:16px 0"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1557,8 +1562,8 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1569,8 +1574,8 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1581,8 +1586,9 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div
|
||||
class="site-layout-content"
|
||||
>
|
||||
@ -1697,11 +1703,12 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
|
||||
class="ant-layout-content"
|
||||
style="padding:0 50px"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
style="margin:16px 0"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1712,8 +1719,8 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1724,8 +1731,8 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -1736,8 +1743,9 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<section
|
||||
class="ant-layout site-layout-background"
|
||||
style="padding:24px 0"
|
||||
@ -2255,11 +2263,12 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
|
||||
class="ant-layout"
|
||||
style="padding:0 24px 24px"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
style="margin:16px 0"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -2270,8 +2279,8 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -2282,8 +2291,8 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -2294,8 +2303,9 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<main
|
||||
class="ant-layout-content site-layout-background"
|
||||
style="padding:24px;margin:0;min-height:280px"
|
||||
|
||||
@ -455,10 +455,11 @@ exports[`renders ./components/page-header/demo/breadcrumb.md extend context corr
|
||||
<div
|
||||
class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -473,8 +474,8 @@ exports[`renders ./components/page-header/demo/breadcrumb.md extend context corr
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -489,8 +490,8 @@ exports[`renders ./components/page-header/demo/breadcrumb.md extend context corr
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -503,8 +504,9 @@ exports[`renders ./components/page-header/demo/breadcrumb.md extend context corr
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div
|
||||
class="ant-page-header-heading"
|
||||
>
|
||||
@ -532,10 +534,11 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
|
||||
<div
|
||||
class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -550,8 +553,8 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -566,8 +569,8 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -580,8 +583,9 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div
|
||||
class="ant-page-header-heading"
|
||||
>
|
||||
|
||||
@ -455,10 +455,11 @@ exports[`renders ./components/page-header/demo/breadcrumb.md correctly 1`] = `
|
||||
<div
|
||||
class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -473,8 +474,8 @@ exports[`renders ./components/page-header/demo/breadcrumb.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -489,8 +490,8 @@ exports[`renders ./components/page-header/demo/breadcrumb.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -503,8 +504,9 @@ exports[`renders ./components/page-header/demo/breadcrumb.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div
|
||||
class="ant-page-header-heading"
|
||||
>
|
||||
@ -532,10 +534,11 @@ exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
|
||||
<div
|
||||
class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
|
||||
>
|
||||
<div
|
||||
<nav
|
||||
class="ant-breadcrumb"
|
||||
>
|
||||
<span>
|
||||
<ol>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -550,8 +553,8 @@ exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -566,8 +569,8 @@ exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
<span>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="ant-breadcrumb-link"
|
||||
>
|
||||
@ -580,8 +583,9 @@ exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
|
||||
>
|
||||
/
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div
|
||||
class="ant-page-header-heading"
|
||||
>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user