Skip to content

Commit 6bbc507

Browse files
committed
[TASK]: Remove sluggish MUI transitions
1 parent 6bf96d6 commit 6bbc507

File tree

2 files changed

+13
-0
lines changed

2 files changed

+13
-0
lines changed

src/components/ExpansionPanel/StyledExpansionPanel.tsx

+2
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@ const StyledExpansionPanel = styled(ExpansionPanel)`
55
border-radius: 4px;
66
margin-bottom: 15px;
77
8+
transition: none;
9+
810
&:before {
911
display: none;
1012
}

src/mainTheme.ts

+11
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,17 @@ export const muiTheme = createMuiTheme({
1010
typography: {
1111
useNextVariants: true,
1212
},
13+
props: {
14+
// Name of the component ⚛️
15+
MuiButtonBase: {
16+
// The properties to apply
17+
disableRipple: true, // No more ripple, on the whole application 💣!
18+
},
19+
},
20+
transitions: {
21+
// So we have `transition: none;` everywhere
22+
create: () => 'none',
23+
},
1324
})
1425

1526
const playerColors = {

0 commit comments

Comments
 (0)