Skip to content
Snippets Groups Projects
Commit 375c0b8c authored by Bastien DUMONT's avatar Bastien DUMONT :angel:
Browse files

Merge branch 'feat/keyboard-focus-blocked-challenges' into 'dev'

feat(a11y): Unlocked challenges focusable with keyboard

See merge request !1199
parents ead8f202 6a787efa
Branches
Tags
2 merge requests!12413.1 Release,!1199feat(a11y): Unlocked challenges focusable with keyboard
......@@ -42,18 +42,20 @@ const ChallengeCard = ({
}
return (
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
<div
<button
onClick={() => moveToSlide(index)}
className={indexSlider === index ? 'slide active' : 'slide inactive'}
style={{
minWidth: `${cardWidth}px`,
maxWidth: `${cardWidth}px`,
minHeight: `${cardHeight}px`,
border: 'none',
background: 'none',
padding: 0,
}}
>
{renderCard(userChallenge)}
</div>
</button>
)
}
......
......@@ -2,9 +2,9 @@
exports[`ChallengeCard component should be rendered correctly 1`] = `
<div>
<div
<button
class="slide active"
style="min-width: 200px; max-width: 200px; min-height: 400px;"
style="min-width: 200px; max-width: 200px; min-height: 400px; background: none; padding: 0px;"
>
<div
class="cardContent cardDone"
......@@ -86,6 +86,6 @@ RUISSEAU
</button>
</div>
</div>
</div>
</button>
</div>
`;
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment