Andal.LND/frontend-app-learning
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: problem score styling (#546)

Browse Source
This commit is contained in:
Carla Duarte
2021-07-19 13:47:59 -04:00
committed by GitHub
parent e4a883e335
commit 057b431818
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/course-home/progress-tab/grades/detailed-grades/ProblemScoreDrawer.jsx
View File

@@ -7,13 +7,15 @@ import messages from '../messages';
function ProblemScoreDrawer({ intl, problemScores }) {
return (
<span className="row w-100 m-0 x-small ml-4 pt-2 pl-1 text-gray-700">
<span id="problem-score-label">{intl.formatMessage(messages.problemScoreLabel)}</span>
<ul className="list-unstyled row m-0" aria-labelledby="problem-score-label">
{problemScores.map(problemScore => (
<li className="ml-3">{problemScore.earned}/{problemScore.possible}</li>
))}
</ul>
<span className="row w-100 m-0 x-small ml-4 pt-2 pl-1 text-gray-700 flex-nowrap">
<span id="problem-score-label" className="col-auto p-0">{intl.formatMessage(messages.problemScoreLabel)}</span>
<div className="col p-0">
<ul className="list-unstyled row w-100 m-0" aria-labelledby="problem-score-label">
{problemScores.map(problemScore => (
<li className="ml-3">{problemScore.earned}/{problemScore.possible}</li>
))}
</ul>
</div>
</span>
);
}