added for slider block

enhavo · Nov 6, 2024 · e50af6d · e50af6d
1 parent 90b0473
commit e50af6d
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 17 deletions.
diff --git 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
@@ -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
@@ -2,18 +2,15 @@
   .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%;
         }
         max-width: 472px;
         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
@@ -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">