From fd15aca905e3e57f8fa834787d0b13381b167eec Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 14 May 2024 12:32:22 +0200
Subject: [PATCH] wait #6812 @3:00

---
 js/quiz.draganddrop.js                 | 7 ++++---
 js/quiz.resize.js                      | 2 +-
 style/100-global.sass                  | 8 +++++---
 style/101-header-footer.sass           | 4 +---
 style/105-outro.sass                   | 6 +++++-
 style/107-question-match.sass          | 3 ++-
 views/screens/question_match.blade.php | 2 +-
 7 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/js/quiz.draganddrop.js b/js/quiz.draganddrop.js
index 8af9ddd..4273307 100644
--- a/js/quiz.draganddrop.js
+++ b/js/quiz.draganddrop.js
@@ -23,10 +23,11 @@ QuizDragAndDrop.prototype = {
             } else {
                 zone = 'zone-2';
             }
-
-            let index = $this.activeScreen.find(".list-item:nth-child(1)").data('id')
-            $this.sendCurrentAnswerToArea(zone,index);
         });
+
+
+        let heightTitle = $("body").find("#titleQuestion").height()
+        $(".question-draganddrop").css("margin-top", heightTitle+"px")
     },
 
     start: function () {
diff --git a/js/quiz.resize.js b/js/quiz.resize.js
index ebebba6..e0acdc3 100644
--- a/js/quiz.resize.js
+++ b/js/quiz.resize.js
@@ -3,7 +3,7 @@ function QuizResize(quiz) {
 
     this.desktopWidth = 1200;
     this.desktopHeight = 680;
-    this.mobileWidth = 390;
+    this.mobileWidth = 320;
     this.scale = 1;
 
     this.measureSizes();
diff --git a/style/100-global.sass b/style/100-global.sass
index 7d4011c..df3f237 100644
--- a/style/100-global.sass
+++ b/style/100-global.sass
@@ -38,8 +38,8 @@ body
         height: 100vh
         max-height: 100vh
         min-height: 100vh
-        width: 390px
-        min-width: 390px
+        width: 100% //390px
+        min-width: 320px //390px
         max-width: 390px
 
     .round &
@@ -303,4 +303,6 @@ body
         img
             object-fit: fill
 
-
+.active-screen
+    .m & [data-bg-d]:not([data-bg-m])
+        display: none
diff --git a/style/101-header-footer.sass b/style/101-header-footer.sass
index 34ee91c..78c3f9d 100644
--- a/style/101-header-footer.sass
+++ b/style/101-header-footer.sass
@@ -87,10 +87,8 @@ header
             margin: 4px 0 16px
 
         h1
-            +font-size(20)
+            +font-size(16)
             height: 84px
-            &.small
-                +font-size(16)
 
     .footer
         +flex-config(center, false, row, center)
diff --git a/style/105-outro.sass b/style/105-outro.sass
index 13c1c74..9002bc5 100644
--- a/style/105-outro.sass
+++ b/style/105-outro.sass
@@ -445,7 +445,7 @@
             left: 0
             z-index: 99
             display: flex
-            padding: 16px 16px 0
+            padding: 16px 6px 0
             align-items: flex-end
             visibility: hidden
             //+opacity(0,background-color,$ok-color)
@@ -485,6 +485,10 @@
         #answers-list
             height: 90%
             padding-right: 5px
+            .item
+                margin-left: 0
+                &:after
+                    display: none
 
         .toggle-answers-review
             display: flex
diff --git a/style/107-question-match.sass b/style/107-question-match.sass
index 9b9852e..322b158 100644
--- a/style/107-question-match.sass
+++ b/style/107-question-match.sass
@@ -58,7 +58,8 @@
         .m &
             position: absolute
             bottom: 0
-            left: 0
+            left: 50%
+            transform: translateX(-50%)
             width: 342px
 
         .swiper-slide
diff --git a/views/screens/question_match.blade.php b/views/screens/question_match.blade.php
index 5ab8338..f3dc49f 100644
--- a/views/screens/question_match.blade.php
+++ b/views/screens/question_match.blade.php
@@ -18,7 +18,7 @@
     @include('header_question', ['data' => $data, 'max' => $max, 'position' => $position])
     <div class="screen">
 
-        <div class="top-slider-container" data-bg="{{$data['theme']['matchColor']}}">
+        <div class="top-slider-container">
             @include('screens.arrow',['side'=>'left','action'=>'move-slide'])
             <div class="swiper-container top-slider">
                 <div class="swiper-pagination-top"></div>
-- 
2.39.5