wip #6182 @0:40 question drag and drop

diff --git a/style/106-question-draganddrop.sass b/style/106-question-draganddrop.sass
index 130f00ea7bdd22828b71725fa221de420ad4166a..f8682206c7570b5863c9039b8b879af64904ec6d 100644 (file)
--- 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 75197305f8130a4245b0d2fb273155d004382c5f..f54adf8245d90130a3bfa34d7715efd839a41224 100644 (file)
--- 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)