From e33b92eec269813d40fc231a3392d4a4e6d9e0cc Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 4 Nov 2019 11:18:33 +0100
Subject: [PATCH] [Slider] Improve UX for pointing device with limited accuracy

---
 packages/material-ui/src/Slider/Slider.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/material-ui/src/Slider/Slider.js b/packages/material-ui/src/Slider/Slider.js
index f1dbf99cb219f4..e3b5cc421455b2 100644
--- a/packages/material-ui/src/Slider/Slider.js
+++ b/packages/material-ui/src/Slider/Slider.js
@@ -154,6 +154,14 @@ export const styles = theme => ({
       height: '100%',
       padding: '0 11px',
     },
+    // The primary input mechanism of the device includes a pointing device of limited accuracy.
+    '@media (pointer: coarse)': {
+      // Reach 42px touch target, about ~8mm on screen.
+      padding: '20px 0',
+      '&$vertical': {
+        padding: '0 20px',
+      },
+    },
   },
   /* Styles applied to the root element if `color="primary"`. */
   colorPrimary: {