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

fix(my-joy-beta): fix tag spacing

Browse Source 
fixes #1008
This commit is contained in:
Sara Vieira 2018-01-18 14:09:25 +01:00 committed by Sérgio Ramos
parent 75767714ba
commit ccf704a1ee
2 changed files with 45 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap
View File

@ -440,7 +440,7 @@ Array [
</div> </div>
</div> </div>
</div>, </div>,
.c0 { .c1 {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: -webkit-box; display: -webkit-box;
@ -453,9 +453,17 @@ Array [
flex-wrap: wrap; flex-wrap: wrap;
} }
<ul .c0 {
margin-bottom: 2rem;
}
<div
className="c0" className="c0"
/>, >
<ul
className="c1"
/>
</div>,
.c19 { .c19 {
font-family: sans-serif; font-family: sans-serif;
font-size: 100%; font-size: 100%;
@ -1933,7 +1941,7 @@ Array [
</div> </div>
</div> </div>
</div>, </div>,
.c0 { .c1 {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: -webkit-box; display: -webkit-box;
@ -1946,9 +1954,17 @@ Array [
flex-wrap: wrap; flex-wrap: wrap;
} }
<ul .c0 {
margin-bottom: 2rem;
}
<div
className="c0" className="c0"
/>, >
<ul
className="c1"
/>
</div>,
.c3 { .c3 {
font-family: sans-serif; font-family: sans-serif;
font-size: 100%; font-size: 100%;
@ -2607,7 +2623,7 @@ Array [
</div> </div>
</div> </div>
</div>, </div>,
.c0 { .c1 {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: -webkit-box; display: -webkit-box;
@ -2620,9 +2636,17 @@ Array [
flex-wrap: wrap; flex-wrap: wrap;
} }
<ul .c0 {
margin-bottom: 2rem;
}
<div
className="c0" className="c0"
/>, >
<ul
className="c1"
/>
</div>,
.c3 { .c3 {
font-family: sans-serif; font-family: sans-serif;
font-size: 100%; font-size: 100%;

2
packages/my-joy-beta/src/containers/create-instance/tags.js
View File

@ -53,6 +53,7 @@ export const Tags = ({
</Margin> </Margin>
) : null} ) : null}
{proceeded || expanded ? ( {proceeded || expanded ? (
<Margin bottom={4}>
<TagList> <TagList>
{tags.map(({ name, value }, index) => ( {tags.map(({ name, value }, index) => (
<Tag <Tag
@ -63,6 +64,7 @@ export const Tags = ({
/> />
))} ))}
</TagList> </TagList>
</Margin>
) : null} ) : null}
{expanded && addOpen ? ( {expanded && addOpen ? (
<ReduxForm <ReduxForm