gmatte/EvalueTonSavoir
1
0
Fork 0
mirror of https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git synced 2025-08-11 21:23:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Moved buttons around

Browse source
This commit is contained in:
KenChanA 2025-03-17 00:52:11 -04:00
parent 490f4dab76
commit 7e597348a3
2 changed files with 85 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/src/components/QuestionsDisplay/MultipleChoiceQuestionDisplay/MultipleChoiceQuestionDisplay.tsx
View file

@ -72,8 +72,9 @@ const MultipleChoiceQuestionDisplay: React.FC<Props> = (props) => {
const alpha = Array.from(Array(26)).map((_e, i) => i + 65); const alpha = Array.from(Array(26)).map((_e, i) => i + 65);
const alphabet = alpha.map((x) => String.fromCharCode(x)); const alphabet = alpha.map((x) => String.fromCharCode(x));
return ( return (
<div className="container">
<div className="question-container" style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}> <div className="row justify-content-center">
<div className="col-auto question-container">
<div className="question content"> <div className="question content">
<div dangerouslySetInnerHTML={{ __html: FormattedTextTemplate(question.formattedStem) }} /> <div dangerouslySetInnerHTML={{ __html: FormattedTextTemplate(question.formattedStem) }} />
</div> </div>
@ -145,9 +146,9 @@ const MultipleChoiceQuestionDisplay: React.FC<Props> = (props) => {
</Button> </Button>
)} )}
</div>
{isDisplayOnly && ( {isDisplayOnly && (
<div> <div className="col-auto d-flex align-items-center justify-content-end">
<Button <Button
variant="outlined" variant="outlined"
onClick={toggleShowCorrectAnswers} onClick={toggleShowCorrectAnswers}
@ -158,6 +159,7 @@ const MultipleChoiceQuestionDisplay: React.FC<Props> = (props) => {
</div> </div>
)} )}
</div> </div>
</div>
); );
}; };

2
client/src/components/QuestionsDisplay/TrueFalseQuestionDisplay/TrueFalseQuestionDisplay.tsx
View file

@ -105,7 +105,7 @@ const TrueFalseQuestionDisplay: React.FC<Props> = (props) => {
</div> </div>
{showCorrectAnswers && ( {showCorrectAnswers && (
<> <>
<div className="pick-rate">{question.isTrue ? '✅' : '❌'} {pickRates.trueRate}/{pickRates.totalCount} ({pickRates.trueRate.toFixed(1)}%)</div> <div className="pick-rate">{question.isTrue ? '✅' : '❌'} {pickRates.trueCount}/{pickRates.totalCount} ({pickRates.trueRate.toFixed(1)}%)</div>
</> </>
)} )}