wait #6812 @3:00

diff --git a/js/quiz.draganddrop.js b/js/quiz.draganddrop.js
index 8af9ddd5a2ddd433dae48f5f225f920f208e3bc5..4273307943c30fcf6b7c967798fa773960840b35 100644 (file)
--- 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 ebebba635cf3fb7a89c70f000d6e11cfcaf15e89..e0acdc3c489f6648fa07ee99195a15920b4fcf2c 100644 (file)
--- 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 7d4011cc5744e388ab8f25b2127c9596e8c2b39d..df3f23710028b8f99b563ca888fa600a42e6a08c 100644 (file)
--- 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 34ee91c39d4df9ebe990059a2706239365b6668a..78c3f9d5d8b812e653cbe74e02f81cda9b69c1a6 100644 (file)
--- 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 13c1c74d85eff010509b2c5145b30daead839967..9002bc523361d17cdff501c615eb375f342fceb4 100644 (file)
--- 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 9b9852e2a78fe7686090d88a1c61501286999307..322b1582513fbbd4d5d8a36d9485750e173598c0 100644 (file)
--- 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 5ab833863e8c8602323c0e432032203c6d74faae..f3dc49fa7a615dca4725b793e131d7faac3bf7e1 100644 (file)
--- 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>