paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 22 Packages Projects Releases Wiki Activity

fix(ui): disable card content scroll shadow on unsuported browsers

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

Signed-off-by: Etienne Napoleone <etienne.napoleone@gmail.com>
This commit is contained in:
Etienne Napoleone
2026-04-22 14:10:02 +02:00
committed by GitHub
parent d0aa11ba64
commit a0ea7b3152
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/Card/Card.module.css
+8 -6
View File
@@ -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;