From: soufiane <soufiane@cubedesigners.com>
Date: Wed, 20 Dec 2023 16:26:07 +0000 (+0100)
Subject: wait #6591 @0:30
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=4c737ac9c1836d97d5477460da5395229fd3c9d6;p=fluidbook-toolbox-quiz.git

wait #6591 @0:30
---

diff --git a/style/107-question-match.sass b/style/107-question-match.sass
index 12b1eb2..c08cd06 100644
--- a/style/107-question-match.sass
+++ b/style/107-question-match.sass
@@ -28,12 +28,29 @@
         overflow: hidden
         pointer-events: none
 
+        &-container
+            position: relative
+            &:after
+                height: 0
+                width: 0
+                border-top: 16px solid $neutral-color
+                border-right: 21px solid transparent
+                border-left: 21px solid transparent
+                content: ""
+                position: absolute
+                z-index: 99
+                bottom: -16px
+                left: 50%
+                transform: translateX(-50%)
+
         .swiper-slide
             min-height: 137px
             padding: 38px 24px 18px
             +radius(16px)
-            border: 1px solid rgb($texts-color, .24)
+            //border: 1px solid rgb($texts-color, .24)
             text-align: center
+            background-color: $neutral-color
+            font-size: 20px
 
     .bottom-slider
         opacity: 0
@@ -54,6 +71,7 @@
             transform-origin: 50% 50%
             +opacity(.24, background-color, $neutral-color)
             opacity: 0
+            text-align: center
 
             &.move-transitions
                 transition: background-color $transition-time, border $transition-time, opacity $transition-time, transform $transition-time
@@ -80,6 +98,7 @@
         text-align: center
         position: relative
         top: 30px
+        z-index: 2
 
     .swiper-pagination-bottom
         text-align: center