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%;

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

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