From: Arnaud Guéras <arnaudgs@gmail.com>
Date: Sun, 24 Nov 2024 15:58:17 +0000 (+0100)
Subject: optimize carousel css
X-Git-Url: http://xenbits.xensource.com/gitweb?a=commitdiff_plain;h=0ad9e417ab3dd07c0507242f126e665e4939a0bb;p=www-xenproject-org.git

optimize carousel css
---

diff --git a/themes/xen-project/assets/css/components/carousel.scss b/themes/xen-project/assets/css/components/carousel.scss
index e67523e..c6aafd1 100644
--- a/themes/xen-project/assets/css/components/carousel.scss
+++ b/themes/xen-project/assets/css/components/carousel.scss
@@ -13,6 +13,7 @@
   --negative-margin-multiplier: 3;
   --carousel-negative-margin: calc((var(--item-width) + var(--gap)) * -1 * var(--negative-margin-multiplier));
   --color-background: var(--color-surface-secondary);
+  --item-shadow-height: 26px;
   overflow: hidden;
 
   @include phone {
@@ -85,6 +86,7 @@
     overflow-x: scroll;
     scroll-snap-type: x mandatory;
     scrollbar-width: none;
+    padding: 0 0 var(--item-shadow-height);
 
     &::-webkit-scrollbar {
       display: none;
@@ -109,7 +111,7 @@
     max-width: 100px;
     margin-left: auto;
     margin-right: auto;
-    margin-top: var(--sp-sm-md);
+    //margin-top: calc(var(--item-shadow-height) * -1);
 
     @include tablet {
       position: absolute;