Merge branch 'next-11486/product-card-border-cut-off-from-the-left' i…

…nto 'trunk'

NEXT-11486 - Product card border cut off from the left in a product slider

See merge request shopware/6/product/platform!7255

changelog/_unreleased/2022-01-18-product-card-border-cut-off-from-the-left-in-a-product-slider.md

@@ -0,0 +1,6 @@
+---
+title: Product card border cut off from the left in a product slider.
+issue: NEXT-11486
+---
+# Storefront
+* Set overflow of tns-ovh to visible and set overflow of base-slider to hidden

src/Storefront/Resources/app/storefront/src/scss/component/_base-slider.scss

@@ -8,6 +8,7 @@ based on: https://github.com/ganlanyuan/tiny-slider
 
 .base-slider {
     position: relative;
+    overflow: hidden;
 
     // styling works both for auto generated markup by the tiny-slider and normal template markup
     .tns-nav,
@@ -53,6 +54,10 @@ based on: https://github.com/ganlanyuan/tiny-slider
         padding-left: 25px;
         padding-right: 25px;
     }
+
+    .tns-ovh {
+        overflow: visible;
+    }
 }
 
 .base-slider-controls {
@@ -88,7 +93,7 @@ based on: https://github.com/ganlanyuan/tiny-slider
         border: 0;
         background: none;
     }
-    
+
     &[disabled] {
         opacity: 0.2;
         cursor: default;