wip #6300 @0.5

diff --git a/style/106-question-draganddrop.sass b/style/106-question-draganddrop.sass
index 319b899221a64c8afddd6903128fb1b8bef3c0bc..07517d6fefb569027f83fe7c463e67f95f9b863e 100644 (file)
--- a/style/106-question-draganddrop.sass
+++ b/style/106-question-draganddrop.sass
@@ -1,3 +1,15 @@
+[data-type="draganddrop"]
+
+    .fill-area
+        background-color: $standard-fill-area
+        width: 120px
+        height: 100%
+
+        &.area2
+            right: 0
+            left: auto
+
+
 .container-screen.question-draganddrop
     .screen-image
         width: auto

diff --git a/style/107-question-match.sass b/style/107-question-match.sass
index 1c5d84833ccfec15877591f74311393048eac7f0..7f29fe5b750bb869301d62b1bbd5dc687e615cc2 100644 (file)
--- a/style/107-question-match.sass
+++ b/style/107-question-match.sass
@@ -1,3 +1,9 @@
+[data-type="match"]
+    .fill-area
+        height: 160px
+        background-color: $standard-fill-area
+
+
 .question-match
 
     $transition-time: .3s

diff --git a/views/screens/question_draganddrop_area.blade.php b/views/screens/question_draganddrop_area.blade.php
index bd3104e7161610bc9db9aff83c2d321883e1e70e..5271aa90c848b263ac1917687347f350b4926d06 100644 (file)
--- a/views/screens/question_draganddrop_area.blade.php
+++ b/views/screens/question_draganddrop_area.blade.php
@@ -3,6 +3,8 @@
     $mobileImageKey='draganddropArea'.$area.'ImageMobile';
 @endphp
 <div class="screen-image zone-{{$area}} notDrag" data-zone="zone-{{$area}}">
+    <div class="fill-area area1"></div>
+    <div class="fill-area area2"></div>
     <img src="{{$theme->$desktopImageKey}}"/>
     <img class="mobile" src="{{$theme->$mobileImageKey}}"/>
     <div class="zone-content">

diff --git a/views/screens/question_match.blade.php b/views/screens/question_match.blade.php
index f5d9393e1e37d4bf4f99a38a7dcaa63ad5b0535d..f2c5e4c4c61e154eacf86e3128f1d67576f7c492 100644 (file)
--- a/views/screens/question_match.blade.php
+++ b/views/screens/question_match.blade.php
@@ -11,6 +11,7 @@
 @endphp
 
 <div class="container-screen none question-match" data-type="match" data-screen="q-{{$position}}">
+    <div class="fill-area"></div>
     @include('header_question', ['data' => $data, 'max' => $max, 'position' => $position])
     <div class="screen">