This repository was archived by the owner on Jun 10, 2019. It is now read-only.
File tree Expand file tree Collapse file tree 2 files changed +24
-1
lines changed
shared/components/boardCard Expand file tree Collapse file tree 2 files changed +24
-1
lines changed Original file line number Diff line number Diff line change @@ -23,14 +23,15 @@ class Team extends Component {
23
23
render ( ) {
24
24
const team = this . state . members . map ( member => (
25
25
< TeamCard
26
- key = { `${ Math . random ( ) } + ${ member . name } ` }
26
+ key = { `${ member . name } + ${ member . role } ` }
27
27
name = { member . name }
28
28
role = { member . role }
29
29
/>
30
30
) ) ;
31
31
32
32
const boardMembers = BoardMembers . map ( boardMember => (
33
33
< BoardCard
34
+ key = { `${ boardMember . name } + ${ boardMember . role } ` }
34
35
name = { boardMember . name }
35
36
role = { boardMember . role }
36
37
description = { boardMember . description }
Original file line number Diff line number Diff line change 63
63
align-self : left;
64
64
padding : 1rem 0 0 0 ;
65
65
}
66
+
67
+ @media screen and (max-width : 450px ) {
68
+ .boardCard {
69
+ max-height : 650px ;
70
+ transition : none;
71
+ }
72
+
73
+ .boardCard : hover ,
74
+ .boardCard : focus {
75
+ transition : none;
76
+ }
77
+
78
+ .boardCard : hover .descriptionText ,
79
+ .boardCard : active .descriptionText {
80
+ transition : none;
81
+ }
82
+
83
+ .descriptionText {
84
+ opacity : 1 ;
85
+ visibility : visible;
86
+ }
87
+ }
You can’t perform that action at this time.
0 commit comments