moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-04 08:26:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
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[] = '';