From: soufiane <soufiane@cubedesigners.com>
Date: Mon, 25 Sep 2023 09:13:31 +0000 (+0200)
Subject: wip #6182 @0:10 question match
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=25e65e1bea1435230512534412795f38887f69f6;p=fluidbook-toolbox-quiz.git

wip #6182 @0:10 question match
---

diff --git a/js/quiz.match.js b/js/quiz.match.js
index 22c8e9d..265a93f 100644
--- a/js/quiz.match.js
+++ b/js/quiz.match.js
@@ -13,7 +13,7 @@ QuizMatch.prototype = {
     start: function() {
         const $this = this
         let posInit = 0
-        this.positionsX = [{top: "10"},{top: "39"}]
+        this.positionsX = [{top: "10", opacity: ".48"},{top: "39", opacity: ".24"}]
         this.counter = 0
         this.quiz.screens.currentQuestionAnswers = [];
 
@@ -92,6 +92,7 @@ QuizMatch.prototype = {
                 $(el).css({
                     'transform':'rotate('+(angle)+'deg)',
                     'top': $this.positionsX[index] ? $this.positionsX[index].top+'px' : 0,
+                    'opacity': $this.positionsX[index] ? $this.positionsX[index].opacity : 0
                 })
                 angle -= 4
 
@@ -105,6 +106,7 @@ QuizMatch.prototype = {
                 $(el).css({
                     'transform':'rotate('+(angle)+'deg)',
                     'top': $this.positionsX[index] ? $this.positionsX[index].top+'px' : 0,
+                    'opacity': $this.positionsX[index] ? $this.positionsX[index].opacity : 0
                 })
                 angle += 4
 
diff --git a/style/107-question-match.sass b/style/107-question-match.sass
index 57d0bf3..546c9ac 100644
--- a/style/107-question-match.sass
+++ b/style/107-question-match.sass
@@ -28,6 +28,7 @@
                 border: 2px solid $texts-color
                 transform: rotate(0) !important
                 top: 0 !important
+                opacity: 1 !important
             &-prev,
             &-next
                 +opacity(.24,background-color,$neutral-color)