wip #6339

diff --git a/style/108-question-text.sass b/style/108-question-text.sass
new file mode 100644 (file)
index 0000000..73116b0
--- /dev/null
+++ b/style/108-question-text.sass
@@ -0,0 +1,52 @@
+.question-text
+    top: 93px
+
+    .form-group
+        width: 100%
+        max-width: 568px
+        margin: 0 auto
+        position: relative
+
+        input,
+        textarea,
+        .dropdown
+            width: 100%
+            +radius(16px)
+            padding: 20px 16px
+            font-size: 16px
+            overflow: hidden
+            background-color: $neutral-color
+            border: 2px solid $texts-color
+            color: $texts-color
+            outline: none
+            box-sizing: border-box
+
+        textarea
+            height: 183px
+
+        input
+            position: relative
+            z-index: 1
+
+        .dropdown
+            max-height: 63px
+            position: absolute
+            top: 0
+            transition: all .3s
+            opacity: 0
+            &.active
+                max-height: 325px
+
+            li
+                padding: 14px 0
+
+                &.placeholder
+                    padding-top: 0
+                    color: rgba($texts-color,.48)
+
+            .country
+                border-top: 1px solid rgba($texts-color,.16)
+
+.m
+    .question-text
+        top: 45px

diff --git a/style/style.sass b/style/style.sass
index 5df847d1b6853223edb3f4fabd6fe3fbe9b87f53..b9bf8e362ec6990ba38badb7341055f7b8ea8bfb 100644 (file)
--- a/style/style.sass
+++ b/style/style.sass
@@ -12,3 +12,4 @@
 @import 105-outro
 @import 106-question-draganddrop
 @import 107-question-match
+@import 108-question-text

diff --git a/views/screens/question_country.blade.php b/views/screens/question_country.blade.php
new file mode 100644 (file)
index 0000000..aa9c97b
--- /dev/null
+++ b/views/screens/question_country.blade.php
@@ -0,0 +1,26 @@
+<div class="container-screen none" data-screen="q-{{$position}}" data-type="multiple">
+    <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">
+                <label for="toggleDropdown">
+                    <input id="toggleDropdown" name="text" placeholder="{{$__('Select an answer')}}" type="text" />
+                </label>
+                <div class="dropdown">
+                    <ul class="countrylist">
+                        <li class="placeholder">{{$__("Select an answer")}}</li>
+                        @foreach($data["countriesList"] as $key => $name)
+                            <li class="country" data-key="{{$key}}">{{$name}}</li>
+                        @endforeach
+                    </ul>
+                </div>
+            </div>
+        </form>
+    </div>
+    <div class="screen-image">
+        <img src="{{$theme->standardImage}}"/>
+        <img class="mobile question-multiple" src="{{$theme->standardImageMobile}}"/>
+    </div>
+    @include('footer', ['countdown' => $countdown,'question' => $question, 'data' => $data, 'reset' => true, 'info' => true])
+</div>