Skip to content

Commit 1e09087

Browse files
Update animated-progress.tsx (#1352)
Co-authored-by: Scott Rippey <scottrippey@users.noreply.github.com>
1 parent 2c4627f commit 1e09087

File tree

2 files changed

+7
-0
lines changed

2 files changed

+7
-0
lines changed

.changeset/bright-crews-bathe.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"spectacle": patch
3+
---
4+
5+
Ensure "PacMan" animation works in Safari

packages/spectacle/src/components/animated-progress.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,8 @@ export const PacmanBase = styled.div<PacmanBaseProps>`
2727
width: ${({ pacmanSize }) => pacmanSize}px;
2828
transition: left 0.3s ease-in-out 0.2s;
2929
transform: translate(-50%, -50%);
30+
border-radius: 9999px;
31+
overflow: hidden;
3032
`;
3133

3234
const pacmanTopFrames = keyframes`

0 commit comments

Comments
 (0)