From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 28 Sep 2023 08:48:44 +0000 (+0200)
Subject: Merge remote-tracking branch 'origin/mobile-master'
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=951a80c7ae4a7a041cbdd0d5515129274c1c73e1;p=fluidbook-toolbox-quiz.git

Merge remote-tracking branch 'origin/mobile-master'

# Conflicts:
#	style/103-question-multiple.sass
#	views/screens/question_match.blade.php
---

951a80c7ae4a7a041cbdd0d5515129274c1c73e1
diff --cc style/103-question-multiple.sass
index 4d45151,8701f7c..a0df395
--- a/style/103-question-multiple.sass
+++ b/style/103-question-multiple.sass
@@@ -1,66 -1,49 +1,55 @@@
 +[data-type="multiple"]
 +
 +    .fill-area
 +        height: 160px
 +        background-color: $standard-fill-area
 +
-     .screen.question-multiple
-         top: 45px
- 
-         +above(992px)
-             top: 93px
- 
-         .list
-             display: grid
-             grid-gap: 16px
-             grid-template-columns: repeat(2, 1fr)
- 
-             &-item
-                 opacity: 0
- 
-                 label
+ .screen.question-multiple
+     top: 93px
+     .list
+         display: grid
+         grid-gap: 16px
+         grid-template-columns: repeat(2, 1fr)
+ 
+         &-item
+             opacity: 0
+             label
+                 width: 100%
+                 height: 58px
+                 @extend .radius
+                 +opacity(.80,background-color,$neutral-color)
+                 padding: 0 16px
+                 cursor: pointer
+                 border: 2px solid rgba($texts-color, .24)
+                 position: relative
+                 overflow: hidden
+                 display: flex
+                 &:after
+                     content: ""
                      width: 100%
-                     height: 58px
-                     @extend .radius
-                     +opacity(.80, background-color, $neutral-color)
-                     padding: 0 16px
-                     cursor: pointer
-                     border: 2px solid rgba($texts-color, .24)
-                     position: relative
-                     overflow: hidden
-                     display: flex
- 
-                     &:after
-                         content: ""
-                         width: 100%
-                         height: 100%
-                         position: absolute
-                         top: 0
-                         left: 0
-                         transition: background-color .1s ease-out
- 
-                     &.ok:after,
-                     &.missed:after
-                         //
-                         +opacity(.24, background-color, $ok-color)
- 
-                     *
-                         z-index: 1
- 
-                     .content
-                         opacity: 0
-                         width: 100%
-                         +flex-config(space-between, false, false, center)
- 
-                 input:checked + label
-                     border-color: $texts-color
-                     transition: border-color .1s ease-out
- 
-                     &:after
-                         +opacity(.16)
+                     height: 100%
+                     position: absolute
+                     top: 0
+                     left: 0
+                     transition: background-color .1s ease-out
+                 &.ok:after,
+                 &.missed:after
+                     //
+                     +opacity(.24,background-color,$ok-color)
+                 *
+                     z-index: 1
+                 .content
+                     opacity: 0
+                     width: 100%
+                     +flex-config(space-between,false,false,center)
  
-                     &.nok:after
-                         background: transparent
+             input:checked+label
+                 border-color: $texts-color
+                 transition: border-color .1s ease-out
+                 &:after
+                     +opacity(.16)
+                 &.nok:after
+                     background: transparent
  
  .m
      .screen.question-multiple
diff --cc views/screens/question_match.blade.php
index f2c5e4c,52a52dd..c90f074
--- a/views/screens/question_match.blade.php
+++ b/views/screens/question_match.blade.php
@@@ -33,8 -27,8 +33,8 @@@
          <div class="swiper-container bottom-slider">
              <div class="swiper-wrapper">
                  @foreach($propositions as $prop)
-                     <div class="swiper-slide" data-prop="{{$prop['n']}}">
 -                    <div class="swiper-slide not-visible">
 -                        {{ $prop }}
++                    <div class="swiper-slide not-visible" data-prop="{{$prop['n']}}">
 +                        {{ $prop['p'] }}
                      </div>
                  @endforeach
              </div>