CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-19 21:09:51 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(client): multiple choice question feedback display (#57740)

Browse Source
This commit is contained in:
Huyen Nguyen 2024-12-25 07:29:26 +07:00 committed by GitHub
parent 282a9c6c3d
commit 4750dfb5de
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/templates/Challenges/components/multiple-choice-questions.tsx
View File

@ -83,12 +83,13 @@ function MultipleChoiceQuestions({
<div
className={`video-quiz-option-label mcq-feedback ${isCorrect ? 'mcq-correct' : 'mcq-incorrect'}`}
>
{isCorrect
? t('learn.quiz.correct-answer')
: t('learn.quiz.incorrect-answer')}
<p>
{isCorrect
? t('learn.quiz.correct-answer')
: t('learn.quiz.incorrect-answer')}
</p>
{feedback && (
<>
<span>&nbsp;</span>
<p>
<PrismFormatted
className={
isCorrect
@ -99,7 +100,7 @@ function MultipleChoiceQuestions({
useSpan
noAria
/>
</>
</p>
)}
</div>
)}

1
client/src/templates/Challenges/video.css
View File

@ -139,6 +139,7 @@ input:focus-visible + .video-quiz-input-visible {
.mcq-feedback {
border-top: none;
display: block;
}
.mcq-prism-correct code {