[Drawer] Change height from 100vh to 100% (#12528)

* Drawer height changed from 100vh to 100%

* fix argos-ci

Author: joemaffei

docs/src/pages/demos/drawers/ClippedDrawer.js

@@ -14,7 +14,7 @@ const drawerWidth = 240;
 const styles = theme => ({
   root: {
     flexGrow: 1,
-    height: 430,
+    height: 440,
     zIndex: 1,
     overflow: 'hidden',
     position: 'relative',

docs/src/pages/demos/drawers/MiniDrawer.js

@@ -19,7 +19,7 @@ const drawerWidth = 240;
 const styles = theme => ({
   root: {
     flexGrow: 1,
-    height: 430,
+    height: 440,
     zIndex: 1,
     overflow: 'hidden',
     position: 'relative',

docs/src/pages/demos/drawers/PermanentDrawer.js

@@ -19,7 +19,7 @@ const styles = theme => ({
     flexGrow: 1,
   },
   appFrame: {
-    height: 430,
+    height: 440,
     zIndex: 1,
     overflow: 'hidden',
     position: 'relative',

docs/src/pages/demos/drawers/ResponsiveDrawer.js

@@ -17,7 +17,7 @@ const drawerWidth = 240;
 const styles = theme => ({
   root: {
     flexGrow: 1,
-    height: 430,
+    height: 440,
     zIndex: 1,
     overflow: 'hidden',
     position: 'relative',

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

@@ -35,7 +35,7 @@ export const styles = theme => ({
     overflowY: 'auto',
     display: 'flex',
     flexDirection: 'column',
-    height: '100vh',
+    height: '100%',
     flex: '1 0 auto',
     zIndex: theme.zIndex.drawer,
     WebkitOverflowScrolling: 'touch', // Add iOS momentum scrolling.
@@ -64,7 +64,7 @@ export const styles = theme => ({
     bottom: 'auto',
     right: 0,
     height: 'auto',
-    maxHeight: '100vh',
+    maxHeight: '100%',
   },
   /* Styles applied to the `Paper` component if `anchor="bottom"`. */
   paperAnchorBottom: {
@@ -73,7 +73,7 @@ export const styles = theme => ({
     bottom: 0,
     right: 0,
     height: 'auto',
-    maxHeight: '100vh',
+    maxHeight: '100%',
   },
   /* Styles applied to the `Paper` component if `anchor="left"` & `variant` is not "temporary". */
   paperAnchorDockedLeft: {