no transition, disable ripple

mbrookes · Jan 19, 2020 · ae3ee0a · ae3ee0a
1 parent e56f582
commit ae3ee0a
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/packages/material-ui-lab/src/PaginationItem/PaginationItem.js b/packages/material-ui-lab/src/PaginationItem/PaginationItem.js
@@ -18,9 +18,6 @@ const styles = theme => ({
     height: 32,
     margin: '0 3px',
     color: theme.palette.text.primary,
-    transition: theme.transitions.create('background-color', {
-      duration: theme.transitions.duration.short,
-    }),
     '&:hover, &:focus': {
       backgroundColor: fade(theme.palette.action.active, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
@@ -276,6 +273,7 @@ const PaginationItem = React.forwardRef(function PaginationItem(props, ref) {
           [classes.selected]: selected,
           [classes[`size${capitalize(size)}`]]: size !== 'medium',
         })}
+        disableRipple
         {...other}
       >
         {type === 'page' && page}