remove useless style

mui · Dec 8, 2019 · f7bf663 · f7bf663
1 parent df87a50
commit f7bf663
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 9 deletions.
diff --git a/docs/src/pages/components/buttons/ContainedButtons.js b/docs/src/pages/components/buttons/ContainedButtons.js
@@ -25,9 +25,6 @@ export default function ContainedButtons() {
       <Button variant="contained" disabled>
         Disabled
       </Button>
-      <Button variant="contained" color="primary" disableElevation>
-        Disable Elevation
-      </Button>
       <Button variant="contained" color="primary" href="#contained-buttons">
         Link
       </Button>

diff --git a/docs/src/pages/components/buttons/ContainedButtons.tsx b/docs/src/pages/components/buttons/ContainedButtons.tsx
@@ -27,9 +27,6 @@ export default function ContainedButtons() {
       <Button variant="contained" disabled>
         Disabled
       </Button>
-      <Button variant="contained" color="primary" disableElevation>
-        Disable Elevation
-      </Button>
       <Button variant="contained" color="primary" href="#contained-buttons">
         Link
       </Button>

diff --git a/docs/src/pages/components/buttons/DisableElevation.js b/docs/src/pages/components/buttons/DisableElevation.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import Button from '@material-ui/core/Button';
+
+export default function DisableElevation() {
+  return (
+    <Button variant="contained" color="primary" disableElevation>
+      Disable elevation
+    </Button>
+  );
+}
diff --git a/docs/src/pages/components/buttons/DisableElevation.tsx b/docs/src/pages/components/buttons/DisableElevation.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import Button from '@material-ui/core/Button';
+
+export default function DisableElevation() {
+  return (
+    <Button variant="contained" color="primary" disableElevation>
+      Disable elevation
+    </Button>
+  );
+}
diff --git a/docs/src/pages/components/buttons/buttons.md b/docs/src/pages/components/buttons/buttons.md
@@ -25,6 +25,10 @@ The last example of this demo show how to use an upload button.
 
 {{"demo": "pages/components/buttons/ContainedButtons.js"}}
 
+You can remove the elevation with the `disableElevation` prop.
+
+{{"demo": "pages/components/buttons/DisableElevation.js"}}
+
 ## Text Buttons
 
 [Text buttons](https://material.io/design/components/buttons.html#text-button)

diff --git a/packages/material-ui/src/Button/Button.js b/packages/material-ui/src/Button/Button.js
@@ -163,9 +163,6 @@ export const styles = theme => ({
     boxShadow: 'none',
     '&:hover': {
       boxShadow: 'none',
-      '@media (hover: none)': {
-        boxShadow: 'none',
-      },
     },
     '&$focusVisible': {
       boxShadow: 'none',