wip #6182 @0:10 question match

diff --git a/js/quiz.match.js b/js/quiz.match.js
index 22c8e9d909c493bdabe6aea99bb36ff195818fcd..265a93f27794043cc2d8d61cd68edc1a8a6e5f95 100644 (file)
--- 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 57d0bf3d1e3b9e94f5d4edaaf842bda4aad5f2bf..546c9ac8b61fb986cad866c45122aecd115f42bf 100644 (file)
--- 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)