From e50af6db32a7601c1f1cb694a0d9f763870ad4cd Mon Sep 17 00:00:00 2001
From: jmiras <jm@weareindeed.com>
Date: Wed, 2 Oct 2024 20:19:04 +0800
Subject: [PATCH] added for slider block

---
 assets/theme/controllers/SwiperTeaserController.ts | 9 +--------
 assets/theme/styles/blocks/jobs.scss               | 6 +++---
 assets/theme/styles/blocks/swipe-teaser.scss       | 7 ++-----
 templates/theme/block/jobs.html.twig               | 2 +-
 4 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/assets/theme/controllers/SwiperTeaserController.ts b/assets/theme/controllers/SwiperTeaserController.ts
index 97cc04d..74014b6 100644
--- a/assets/theme/controllers/SwiperTeaserController.ts
+++ b/assets/theme/controllers/SwiperTeaserController.ts
@@ -19,18 +19,11 @@ export default class extends Controller {
                 {
                     breakpoint: 780,
                     settings: {
-                        slidesToShow: 2,
+                        slidesToShow: 1,
                         centerMode:true,
                         slidesToScroll: 1,
                     }
                 },
-                {
-                    breakpoint: 480,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                }
             ]
         });
     }
diff --git a/assets/theme/styles/blocks/jobs.scss b/assets/theme/styles/blocks/jobs.scss
index 21cc139..388760b 100644
--- a/assets/theme/styles/blocks/jobs.scss
+++ b/assets/theme/styles/blocks/jobs.scss
@@ -1,8 +1,8 @@
 .block-jobs {
-  .jobs-grid {
+  .flex {
     display: flex;gap: 51px;
     .left {
-      flex: 1;
+      flex: 10;
       .label {
         border: 1px solid #171717;
         .span {
@@ -26,7 +26,7 @@
         }
       }
     }
-    .right {flex: 2;
+    .right {flex: 21;
       .items {
         border-bottom: 2px solid black;
         .type {padding: 1.5rem 0;@include typoOverline;}
diff --git a/assets/theme/styles/blocks/swipe-teaser.scss b/assets/theme/styles/blocks/swipe-teaser.scss
index 34b7732..692e83e 100644
--- a/assets/theme/styles/blocks/swipe-teaser.scss
+++ b/assets/theme/styles/blocks/swipe-teaser.scss
@@ -2,10 +2,7 @@
   .theme-container{
     .grid {
       .slick-slide{
-        .slick-active{
-          margin-right: 55px;
-          margin-left: 0;
-        }
+        margin: 0 27.5px;
         .media-wrapper{
           position: relative;padding-bottom: 55.5%;
         }
@@ -13,7 +10,7 @@
         display: block;
         img {display: block;@include imgCover;}
       }
-      .slick-list{overflow: visible;margin: 0;padding: 0;
+      .slick-list{overflow: hidden;margin: 0;padding: 0;
         &.draggable{
         padding:0!important;
         }
diff --git a/templates/theme/block/jobs.html.twig b/templates/theme/block/jobs.html.twig
index 2f2f531..0959b72 100644
--- a/templates/theme/block/jobs.html.twig
+++ b/templates/theme/block/jobs.html.twig
@@ -1,6 +1,6 @@
 <div class="block-jobs" data-controller="jobs">
     <div class="theme-container">
-        <div class="jobs-grid" data-jobs-target="grid" >
+        <div class="flex" data-jobs-target="grid" >
             <div class="left">
                 <div class="label" data-jobs-target="borderContainer">
                     <div class="span">