Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix(my-joy-instances): fix breadcrumb routing to align with designs

Browse Source
This commit is contained in:
Sara Vieira 2018-03-02 12:07:58 +00:00
parent cb0b613034
commit dff8a578e4
7 changed files with 68 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap
View File

@ -340,6 +340,7 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
</svg>
<h4
className="c4"
onClick={[Function]}
>
Stuff
</h4>

BIN
packages/my-joy-instances/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.2 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
packages/my-joy-instances/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-match-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 12 KiB

64
packages/my-joy-instances/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap
View File

@ -73,8 +73,8 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
}
.c2 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.c8 {
@ -156,6 +156,34 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
<div
className="c5"
>
<div
className="c6"
>
<h4
className="c7"
name="breadcrum-item"
>
Compute
</h4>
<svg
className="c8 "
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(-90deg)",
}
}
viewBox="0 0 9.6 6"
width="9.6"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
fill="rgb(151, 151, 151)"
/>
</svg>
</div>
<div
className="c6"
>
@ -264,8 +292,8 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
}
.c2 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.c8 {
@ -347,6 +375,34 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
<div
className="c5"
>
<div
className="c6"
>
<h4
className="c7"
name="breadcrum-item"
>
Compute
</h4>
<svg
className="c8 "
height="6"
innerRef={undefined}
style={
Object {
"transform": "rotate(-90deg)",
}
}
viewBox="0 0 9.6 6"
width="9.6"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
fill="rgb(151, 151, 151)"
/>
</svg>
</div>
<div
className="c6"
>

4
packages/my-joy-instances/src/containers/navigation/breadcrumb.js
View File

@ -9,6 +9,10 @@ export default ({ match }) => {
const instance = get(match, 'params.instance');
const links = [
{
name: 'Compute',
pathname: '/'
},
{
name: 'Instances',
pathname: '/'

4
packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap
View File

@ -98,8 +98,8 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
}
.c2 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.c0 {

2
packages/ui-toolkit/src/breadcrumb/index.js
View File

@ -14,7 +14,7 @@ const BreadcrumContianer = styled(Container)`
*/
export default ({ children, ...rest }) => (
<BreadcrumContianer {...rest} fluid>
<Padding top={2} bottom={2}>
<Padding top={1} bottom={1}>
<Container>
<Row name="breadcrum">
<Col xs={12}>{children}</Col>