Skip to content

Commit d599758

Browse files
Revert "[Slider] Keep thumb area within parent boundaries"
This reverts commit 08a1351.
1 parent 14f3095 commit d599758

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

packages/material-ui/src/Slider/Slider.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -247,11 +247,11 @@ export const styles = theme => ({
247247
'&::after': {
248248
position: 'absolute',
249249
content: '""',
250-
// x4 thumb surface (from 12px^2 to 24px^2).
251-
left: -6,
252-
top: -6,
253-
right: -6,
254-
bottom: -6,
250+
// reach 48px touch target (2 * 18 + thumb circumference)
251+
left: -18,
252+
top: -18,
253+
right: -18,
254+
bottom: -18,
255255
},
256256
'&$focusVisible,&:hover': {
257257
boxShadow: `0px 0px 0px 8px ${fade(theme.palette.primary.main, 0.16)}`,

0 commit comments

Comments
 (0)