wip #6342

diff --git a/style/108-question-text.sass b/style/108-question-text.sass
index c8f6c7bc3dea33c730907701156710381bbc1ad2..dac93104f104e68d50918011a1ae2f09e0645cdb 100644 (file)
--- 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 ceca43b12a9dbc0d145f2a3e603e6c5f4997e4ec..bdb879e2e5eb4eead63e161a5096ca22c7f52a34 100644 (file)
--- 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>