Skip to content
This repository was archived by the owner on Jun 10, 2019. It is now read-only.

Commit 084da39

Browse files
authored
Merge pull request #830 from jvillama/issue-boardcard-829
Disable boardcard animations for mobile.
2 parents c31f1fb + c28343e commit 084da39

File tree

2 files changed

+24
-1
lines changed

2 files changed

+24
-1
lines changed

src/scenes/home/team/team.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,15 @@ class Team extends Component {
2323
render() {
2424
const team = this.state.members.map(member => (
2525
<TeamCard
26-
key={`${Math.random()} + ${member.name}`}
26+
key={`${member.name} + ${member.role}`}
2727
name={member.name}
2828
role={member.role}
2929
/>
3030
));
3131

3232
const boardMembers = BoardMembers.map(boardMember => (
3333
<BoardCard
34+
key={`${boardMember.name} + ${boardMember.role}`}
3435
name={boardMember.name}
3536
role={boardMember.role}
3637
description={boardMember.description}

src/shared/components/boardCard/boardCard.css

+22
Original file line numberDiff line numberDiff line change
@@ -63,3 +63,25 @@
6363
align-self: left;
6464
padding: 1rem 0 0 0;
6565
}
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+
}

0 commit comments

Comments
 (0)