L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MDL-75965 question_multichoice: Misalignment of feedback icons

Browse Source
This commit is contained in:
Huong Nguyen
2022-12-21 14:15:50 +07:00
parent ce6131e6f7
commit 4fc412b538
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
question/type/multichoice/renderer.php
+5 -1
View File
@@ -133,7 +133,11 @@ abstract class qtype_multichoice_renderer_base extends qtype_with_combined_feedb
}
$class = 'r' . ($value % 2);
if ($options->correctness && $isselected) {
$feedbackimg[] = $this->feedback_image($this->is_right($ans));
// Feedback images will be rendered using Font awesome.
// Font awesome icons are actually characters(text) with special glyphs,
// so the icons cannot be aligned correctly even if the parent div wrapper is using align-items: flex-start.
// To make the Font awesome icons follow align-items: flex-start, we need to wrap them inside a span tag.
$feedbackimg[] = html_writer::span($this->feedback_image($this->is_right($ans)), 'ml-1');
$class .= ' ' . $this->feedback_class($this->is_right($ans));
} else {
$feedbackimg[] = '';