diff --git a/src/addons/qtype/ordering/component/addon-qtype-ordering.html b/src/addons/qtype/ordering/component/addon-qtype-ordering.html
index 14675811c..e39e23a65 100644
--- a/src/addons/qtype/ordering/component/addon-qtype-ordering.html
+++ b/src/addons/qtype/ordering/component/addon-qtype-ordering.html
@@ -19,11 +19,12 @@
@if (dragDisabled) {
@if (item.correctClass === 'correct') {
-
+
} @else if (item.correctClass === 'incorrect') {
} @else if (item.correctClass.startsWith('partial')) {
-
+
}
}
diff --git a/src/addons/qtype/ordering/component/ordering.ts b/src/addons/qtype/ordering/component/ordering.ts
index 89e68a4f3..3db001201 100644
--- a/src/addons/qtype/ordering/component/ordering.ts
+++ b/src/addons/qtype/ordering/component/ordering.ts
@@ -39,6 +39,9 @@ export class AddonQtypeOrderingComponent extends CoreQuestionBaseComponent= 0) {
- iconName = 'check';
+ iconName = correctIcon;
color = CoreIonicColorNames.SUCCESS;
} else if ((icon as HTMLImageElement).src.indexOf('incorrect') >= 0 ) {
iconName = 'xmark';
color = CoreIonicColorNames.DANGER;
}
} else {
- // In LMS 4.4 and older, fa-check means correct. In 4.5+, fa-check means partially correct.
- if (
- icon.classList.contains('fa-check-square') ||
- (icon.classList.contains('fa-check') && icon.classList.contains('text-warning'))
- ) {
- iconName = 'check';
+ if (icon.classList.contains(`fa-${partiallyCorrectIcon}`)) {
+ iconName = partiallyCorrectIcon;
color = CoreIonicColorNames.WARNING;
- } else if (icon.classList.contains('fa-check-double') || icon.classList.contains('fa-check')) {
- iconName = 'check-double';
+ } else if (icon.classList.contains(`fa-${correctIcon}`)) {
+ iconName = correctIcon;
color = CoreIonicColorNames.SUCCESS;
} else if (icon.classList.contains('fa-xmark') || icon.classList.contains('fa-remove')) {
iconName = 'xmark';