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

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

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