From a0ea7b3152b2a2d317fa5921d5793670b576fc05 Mon Sep 17 00:00:00 2001
From: Etienne Napoleone <etienne.napoleone@gmail.com>
Date: Wed, 22 Apr 2026 14:10:02 +0200
Subject: [PATCH] fix(ui): disable card content scroll shadow on unsuported
 browsers

bugged in firefox https://caniuse.com/mdn-css_properties_animation-timeline_scroll

Signed-off-by: Etienne Napoleone <etienne.napoleone@gmail.com>
---
 packages/ui/src/components/Card/Card.module.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/Card/Card.module.css b/packages/ui/src/components/Card/Card.module.css
index eced185550..39af87ccc0 100644
--- a/packages/ui/src/components/Card/Card.module.css
+++ b/packages/ui/src/components/Card/Card.module.css
@@ -111,8 +111,14 @@
 
   .bui-Card:has(.bui-CardHeader) .bui-CardBody {
     padding-block-start: 0;
+  }
 
-    &::before {
+  .bui-Card:has(.bui-CardFooter) .bui-CardBody {
+    padding-block-end: 0;
+  }
+
+  @supports (animation-timeline: scroll()) {
+    .bui-Card:has(.bui-CardHeader) .bui-CardBody::before {
       content: '';
       position: sticky;
       top: 0;
@@ -130,12 +136,8 @@
       animation-timeline: scroll();
       animation-range: 0px 2.5rem;
     }
-  }
 
-  .bui-Card:has(.bui-CardFooter) .bui-CardBody {
-    padding-block-end: 0;
-
-    &::after {
+    .bui-Card:has(.bui-CardFooter) .bui-CardBody::after {
       content: '';
       position: sticky;
       bottom: 0;