]> _ Git - fluidbook-toolbox.git/commitdiff
wip #6182 @1:00
authorsoufiane <soufiane@cubedesigners.com>
Tue, 1 Aug 2023 16:26:19 +0000 (18:26 +0200)
committersoufiane <soufiane@cubedesigners.com>
Tue, 1 Aug 2023 16:26:19 +0000 (18:26 +0200)
resources/quizv2/style/101-header-footer.sass
resources/quizv2/style/103-question-multiple.sass
resources/views/quizv2/screens/intro.blade.php
resources/views/quizv2/screens/question_multiple.blade.php

index 40fae65246e75ba295cc77a7cb47e38c4c187e25..29955063fe21c9f00e2b2c28c2a3f47ead606b97 100644 (file)
@@ -6,6 +6,7 @@ header,
 #title
     height: 80px
     +flex-config(space-between,false,row,center)
+    margin-top: -24px
 #logo
     height: 40px
     filter: brightness(10)
@@ -16,6 +17,7 @@ header,
         +font-size(16)
     .progress-container
         margin: 6px 0 16px
+        +flex-config(center,false,false,center)
     .progress-item
         width: 16px
         height: 4px
index 18aa697ab3d5d91c61e06f180b731b2fe832176a..073676504ef9c92b697b5d2817bb7269a580ae52 100644 (file)
@@ -5,10 +5,27 @@
         grid-template-columns: repeat(2, 1fr)
         grid-gap: 16px
         &-item
-            width: 100%
-            height: 58px
-            @extend .radius
-            background-color: $neutral-color
-            +flex-config(space-between,false,false,center)
-            padding: 0 16px
-            cursor: pointer
+            label
+                width: 100%
+                height: 58px
+                @extend .radius
+                background-color: $neutral-color
+                +flex-config(space-between,false,false,center)
+                padding: 0 16px
+                cursor: pointer
+                border: 2px solid rgba($texts-color, .24)
+                position: relative
+                overflow: hidden
+                *
+                    z-index: 1
+
+            input:checked+label
+                border-color: $texts-color
+                &:after
+                    content: ""
+                    width: 100%
+                    height: 100%
+                    +opacity(.16)
+                    position: absolute
+                    top: 0
+                    left: 0
index c5c681100013c2e411e158016de307d42c5c1b5f..bed0379da774d5c12a1e81ec60d826cafb712a1d 100644 (file)
@@ -1,6 +1,5 @@
 @php
     $absPath = \App\Models\Quiz::find($data->id)->getPreviewURL();
-    $svg = file_get_contents($absPath."_1690797039/".$data->theme->introImage, true);
 @endphp
 <div class="container-screen active-screen next">
     @include('quizv2.header_title', ['data', $data])
index 29702f0a3185712f60aec0ac8acd660fbef7748b..0da7e9828796a1e317fcec61539841f7a7c52788 100644 (file)
@@ -3,12 +3,13 @@
     <form class="screen question-multiple">
         <ul class="list">
             @foreach($data['answers'] as $key => $answer)
+                @dump($answer)
                <li class="list-item">
+                    <input type="checkbox" id="question-{{$key}}" class="none" value="">
                     <label for="question-{{$key}}">
-                        {{$answer['answer']}}
-                        <input type="checkbox" name="question-{{$key}}" class="none">
+                        <span class="relative">{{$answer['answer']}}</span>
+                        <span class="access">{{$alphabet[$key]}}</span>
                     </label>
-                   <span class="access">{{$alphabet[$key]}}</span>
                </li>
             @endforeach
         </ul>