From: soufiane <soufiane@cubedesigners.com>
Date: Mon, 18 Sep 2023 09:57:36 +0000 (+0200)
Subject: wip #6182 @0:40 question drag and drop
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=5d22738787d11971e9b1930c001f23ee84cc39f2;p=fluidbook-toolbox-quiz.git

wip #6182 @0:40 question drag and drop
---

diff --git a/style/106-question-draganddrop.sass b/style/106-question-draganddrop.sass
index 130f00e..f868220 100644
--- a/style/106-question-draganddrop.sass
+++ b/style/106-question-draganddrop.sass
@@ -32,6 +32,9 @@
 
             .text
                 margin-bottom: 21px
+                h2
+                    font-size: 20px
+                    margin-bottom: 8px
         .slot
             width: 100%
             height: 51px
@@ -43,6 +46,14 @@
             margin-bottom: 8px
             &.active
                 border: 1px solid rgba($texts-color,.24)
+            span
+                display: -webkit-box
+                display: -moz-box
+                max-width: 100%
+                -webkit-line-clamp: 2
+                line-clamp: 2
+                -webkit-box-orient: vertical
+                overflow: hidden
 
     .screen
         +flex-config(center, false, false, center)
diff --git a/views/screens/question_draganddrop.blade.php b/views/screens/question_draganddrop.blade.php
index 7519730..f54adf8 100644
--- a/views/screens/question_draganddrop.blade.php
+++ b/views/screens/question_draganddrop.blade.php
@@ -4,8 +4,8 @@
         <img class="mobile" src="{{$theme->draganddropArea1ImageMobile}}"/>
         <div class="zone-content">
             <div class="text">
-                <h2>Zone 1</h2>
-                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p>
+                <h2>{{ $question['area_1']['title'] }}</h2>
+                <p>{{ $question['area_1']['text'] }}</p>
             </div>
             <form>
                 @foreach($question['answers'] as $key => $answer)
@@ -41,8 +41,8 @@
         <img class="mobile" src="{{$theme->draganddropArea2ImageMobile}}"/>
         <div class="zone-content">
             <div class="text">
-                <h2>Zone 1</h2>
-                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p>
+                <h2>{{ $question['area_2']['title'] }}</h2>
+                <p>{{ $question['area_2']['text'] }}</p>
             </div>
             <form>
                 @foreach($question['answers'] as $key => $answer)