MOBILE-4653 quiz: Scroll to current page on navigation modal

Author: crazyserver

src/addons/mod/quiz/components/navigation-modal/navigation-modal.ts

@@ -14,11 +14,12 @@
 
 import { CoreSharedModule } from '@/core/shared.module';
 import { toBoolean } from '@/core/transforms/boolean';
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, ElementRef, Input, OnInit } from '@angular/core';
 
 import { CoreQuestionQuestionParsed } from '@features/question/services/question';
 import { CoreQuestionHelper } from '@features/question/services/question-helper';
 import { ModalController } from '@singletons';
+import { CoreDom } from '@singletons/dom';
 
 /**
  * Modal that renders the quiz navigation.
@@ -45,13 +46,22 @@ export class AddonModQuizNavigationModalComponent implements OnInit {
     incorrectIcon = '';
     partialCorrectIcon = '';
 
+    constructor(protected elementRef: ElementRef) {
+        // Nothing to do.
+    }
+
     /**
      * @inheritdoc
      */
-    ngOnInit(): void {
+    async ngOnInit(): Promise<void> {
         this.correctIcon = CoreQuestionHelper.getCorrectIcon().fullName;
         this.incorrectIcon = CoreQuestionHelper.getIncorrectIcon().fullName;
         this.partialCorrectIcon = CoreQuestionHelper.getPartiallyCorrectIcon().fullName;
+
+        await CoreDom.scrollToElement(
+            this.elementRef.nativeElement,
+            'ion-item[aria-current="page"]',
+        );
     }
 
     /**

src/addons/mod/quiz/pages/player/player.scss

@@ -22,6 +22,6 @@ $quiz-timer-iterations: 15 !default;
     ion-item.core-question-complete,
     ion-item.core-question-answersaved,
     ion-item.core-question-requiresgrading {
-        --background: var(--gray-300);
+        --background: var(--core-question-saved-color-bg);
     }
 }