File tree Expand file tree Collapse file tree 5 files changed +18
-16
lines changed Expand file tree Collapse file tree 5 files changed +18
-16
lines changed Original file line number Diff line number Diff line change @@ -35,20 +35,20 @@ import Copy from '../images/copy.svg';
35
35
function withLabel ( SvgComponent ) {
36
36
const StyledIcon = styled ( SvgComponent ) `
37
37
&&& {
38
- color: ${ prop ( ' Icon.default' ) } ;
38
+ color: ${ ( props ) => props . Icon ? .default } ;
39
39
& g,
40
40
& path,
41
41
& polygon {
42
42
opacity: 1;
43
- fill: ${ prop ( ' Icon.default' ) } ;
43
+ fill: ${ ( props ) => props . Icon ? .default } ;
44
44
}
45
45
&:hover {
46
- color: ${ prop ( ' Icon.hover' ) } ;
46
+ color: ${ ( props ) => props . Icon ? .hover } ;
47
47
& g,
48
48
& path,
49
49
& polygon {
50
50
opacity: 1;
51
- fill: ${ prop ( ' Icon.hover' ) } ;
51
+ fill: ${ ( props ) => props . Icon ? .hover } ;
52
52
}
53
53
}
54
54
}
Original file line number Diff line number Diff line change @@ -26,8 +26,8 @@ const Banner = ({ onClose }) => {
26
26
const bannerURL = 'https://openprocessing.org/curation/89576' ;
27
27
const bannerCopy = (
28
28
< >
29
- We’re accepting p5.js sketches for a special curation exploring the new
30
- features in p5.js 2.0!{ ' ' }
29
+ We’re accepting p5.js sketches for a special curation exploring mental
30
+ health and the newest features in p5.js 2.0!{ ' ' }
31
31
< span style = { { fontWeight : 600 } } > Submit by July 13!</ span >
32
32
</ >
33
33
) ;
@@ -36,7 +36,7 @@ const Banner = ({ onClose }) => {
36
36
< div className = "banner" >
37
37
< a href = { bannerURL } > { bannerCopy } </ a >
38
38
< button className = "banner-close-button" onClick = { onClose } >
39
- < CrossIcon />
39
+ < CrossIcon Icon = { { default : '#000' , hover : '#333' } } />
40
40
</ button >
41
41
</ div >
42
42
) ;
Original file line number Diff line number Diff line change @@ -335,7 +335,7 @@ exports[`Nav renders dashboard version for mobile 1`] = `
335
335
>
336
336
<test-file-stub
337
337
aria-hidden = " true"
338
- classname = " icons__StyledIcon-sc-xmer15-0 dStXqm "
338
+ classname = " icons__StyledIcon-sc-xmer15-0 kjSZIe "
339
339
focusable = " false"
340
340
/>
341
341
</button >
@@ -351,7 +351,7 @@ exports[`Nav renders dashboard version for mobile 1`] = `
351
351
>
352
352
<test-file-stub
353
353
aria-hidden = " true"
354
- classname = " icons__StyledIcon-sc-xmer15-0 dStXqm "
354
+ classname = " icons__StyledIcon-sc-xmer15-0 kjSZIe "
355
355
focusable = " false"
356
356
/>
357
357
</button >
@@ -930,7 +930,7 @@ exports[`Nav renders editor version for mobile 1`] = `
930
930
>
931
931
<test-file-stub
932
932
aria-hidden = " true"
933
- classname = " icons__StyledIcon-sc-xmer15-0 dStXqm "
933
+ classname = " icons__StyledIcon-sc-xmer15-0 kjSZIe "
934
934
focusable = " false"
935
935
/>
936
936
</button >
@@ -946,7 +946,7 @@ exports[`Nav renders editor version for mobile 1`] = `
946
946
>
947
947
<test-file-stub
948
948
aria-hidden = " true"
949
- classname = " icons__StyledIcon-sc-xmer15-0 dStXqm "
949
+ classname = " icons__StyledIcon-sc-xmer15-0 kjSZIe "
950
950
focusable = " false"
951
951
/>
952
952
</button >
Original file line number Diff line number Diff line change 7
7
border-bottom : 1px solid #000 ;
8
8
9
9
a {
10
- color : #000 ;
11
- }
10
+ color : $black ;
12
11
13
- a :hover {
14
- text-decoration : underline ;
12
+ & :hover {
13
+ color : $black ;
14
+ text-decoration : underline ;
15
+ }
15
16
}
16
17
17
18
@media (max-width : 770px ) {
27
28
height : 20px ;
28
29
width :20px ;
29
30
float : right ;
31
+ cursor : pointer ;
30
32
}
You can’t perform that action at this time.
0 commit comments