mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-03-14 12:40:01 +01:00
Code Issues Projects Releases Wiki Activity

MDL-75965 question_multichoice: Misalignment of feedback icons

Browse Source
This commit is contained in:
Huong Nguyen 2022-12-08 10:09:11 +07:00
parent 5019abfdd6
commit fc7ecd4c73
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
question/type/multichoice/renderer.php
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[] = '';