From: soufiane <soufiane@cubedesigners.com>
Date: Thu, 5 Oct 2023 16:04:05 +0000 (+0200)
Subject: wip #6342
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=0bec99e77c1607cd4f633d6f40f522dac6235d18;p=fluidbook-toolbox-quiz.git

wip #6342
---

diff --git a/style/108-question-text.sass b/style/108-question-text.sass
index c8f6c7b..dac9310 100644
--- a/style/108-question-text.sass
+++ b/style/108-question-text.sass
@@ -5,6 +5,21 @@
         input
             pointer-events: none
 
+    &.question-email
+        input
+            padding-left: 44px !important
+
+        .form-group
+            svg
+                +opacity(.48, color, $texts-color)
+                position: absolute
+                left: 20px
+                top: 50%
+                transform: translateY(-50%)
+                z-index: 3
+            input:focus+svg
+                color: $texts-color
+
     .form-group
         width: 100%
         max-width: 568px
@@ -29,6 +44,12 @@
             color: $texts-color
             outline: none
             box-sizing: border-box
+            &::placeholder
+                +opacity(.48, color, $texts-color)
+                opacity: 1
+
+            &::-ms-input-placeholder
+                +opacity(.48, color, $texts-color)
 
         textarea
             height: 183px
diff --git a/views/screens/question_text.blade.php b/views/screens/question_text.blade.php
index ceca43b..bdb879e 100644
--- a/views/screens/question_text.blade.php
+++ b/views/screens/question_text.blade.php
@@ -1,10 +1,10 @@
-<div class="container-screen none" data-screen="q-{{$position}}" data-type="multiple">
+<div class="container-screen none" data-screen="q-{{$position}}" data-type="text">
     <div class="fill-area"></div>
     @include('header_question', ['question' =>$question, 'max' => $max, 'position' => $position])
     <div class="screen question-text">
         <form id="form-{{$position}}">
             <div class="form-group">
-                <input name="text" type="text" />
+                <input class="answer-text" name="text" type="text" placeholder="{{$__('Enter your answer')}}..." />
             </div>
         </form>
     </div>