Merge branch 'main' of https://git.unistra.fr/balu/chiirz

chiirz/public/css/elements/_splide-comment.scss

@@ -81,6 +81,53 @@
     }
 }
 
+.section-parcours__big-splide {
+    & .splide__arrow--prev {
+        opacity: 1;
+        background-color: $white;
+        border-radius: 40px;
+        width: 6rem;
+        padding: 1.2rem;
+        transform: translateX(-2rem);
+
+        & svg {
+            fill: $black;
+            width: 24px;
+        }
+
+    }
+    & .splide__arrow--next {
+        background-color: $violet;
+        top: inherit;
+        bottom: .5rem !important;
+        width: fit-content;
+        border-radius: 40px;
+        font-size: 1.2rem;
+        padding: 2rem 3rem;
+        opacity: 1;
+        font-family: 'Chillax';
+
+        &:before {
+            content: 'Beuverie suivante';
+            color: $white;
+            font-weight: 500 ;
+        }
+
+        &:after {
+            content: '';
+            height: 32px;
+            width: 32px;
+            background-image: url('/img/beer.png');
+            background-size: cover;
+            margin-left: 1rem;
+        }
+
+        & svg {
+            display: none;
+        }
+    }
+}
+
 .parcours-info__opening {
     color : $valid;
 }

chiirz/public/css/main.css

@@ -1934,6 +1934,47 @@ body {
   content: " )";
 }
 
+.section-parcours__big-splide .splide__arrow--prev {
+  opacity: 1;
+  background-color: #ffffff;
+  border-radius: 40px;
+  width: 6rem;
+  padding: 1.2rem;
+  transform: translateX(-2rem);
+}
+.section-parcours__big-splide .splide__arrow--prev svg {
+  fill: #000000;
+  width: 24px;
+}
+.section-parcours__big-splide .splide__arrow--next {
+  background-color: #a77fee;
+  top: inherit;
+  bottom: 0.5rem !important;
+  width: -moz-fit-content;
+  width: fit-content;
+  border-radius: 40px;
+  font-size: 1.2rem;
+  padding: 2rem 3rem;
+  opacity: 1;
+  font-family: "Chillax";
+}
+.section-parcours__big-splide .splide__arrow--next:before {
+  content: "Beuverie suivante";
+  color: #ffffff;
+  font-weight: 500;
+}
+.section-parcours__big-splide .splide__arrow--next:after {
+  content: "";
+  height: 32px;
+  width: 32px;
+  background-image: url("/img/beer.png");
+  background-size: cover;
+  margin-left: 1rem;
+}
+.section-parcours__big-splide .splide__arrow--next svg {
+  display: none;
+}
+
 .parcours-info__opening {
   color: #397e35;
 }

chiirz/templates/itinerary/show.html.twig

@@ -105,7 +105,7 @@
         <div class="section-parcours__progress-bar">
         </div>
  
-        <div id="carouselSteps" class="splide parcours__big-splide">
+        <div id="carouselSteps" class="splide section-parcours__big-splide">
             <div class="splide__track">
                 <ul class="splide__list">
                     {% for s in itinerary.bar['steps'] %}