Skip to content
Merged
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/ClippedDrawer.js
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@ const useStyles = makeStyles(theme => ({
flexGrow: 1,
padding: theme.spacing(3),
},
// necessary for content to be below app bar
toolbar: theme.mixins.toolbar,
}));

Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/ClippedDrawer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ const useStyles = makeStyles((theme: Theme) =>
flexGrow: 1,
padding: theme.spacing(3),
},
// necessary for content to be below app bar
toolbar: theme.mixins.toolbar,
}),
);
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/MiniDrawer.js
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,7 @@ const useStyles = makeStyles(theme => ({
alignItems: 'center',
justifyContent: 'flex-end',
padding: theme.spacing(0, 1),
// necessary for content to be below app bar
...theme.mixins.toolbar,
},
content: {
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/MiniDrawer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,7 @@ const useStyles = makeStyles((theme: Theme) =>
alignItems: 'center',
justifyContent: 'flex-end',
padding: theme.spacing(0, 1),
// necessary for content to be below app bar
...theme.mixins.toolbar,
},
content: {
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/PermanentDrawerLeft.js
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@ const useStyles = makeStyles(theme => ({
drawerPaper: {
width: drawerWidth,
},
// necessary for content to be below app bar
toolbar: theme.mixins.toolbar,
content: {
flexGrow: 1,
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/PermanentDrawerLeft.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ const useStyles = makeStyles((theme: Theme) =>
drawerPaper: {
width: drawerWidth,
},
// necessary for content to be below app bar
toolbar: theme.mixins.toolbar,
content: {
flexGrow: 1,
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/PermanentDrawerRight.js
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@ const useStyles = makeStyles(theme => ({
drawerPaper: {
width: drawerWidth,
},
// necessary for content to be below app bar
toolbar: theme.mixins.toolbar,
content: {
flexGrow: 1,
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/PermanentDrawerRight.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ const useStyles = makeStyles((theme: Theme) =>
drawerPaper: {
width: drawerWidth,
},
// necessary for content to be below app bar
toolbar: theme.mixins.toolbar,
content: {
flexGrow: 1,
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/PersistentDrawerLeft.js
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,7 @@ const useStyles = makeStyles(theme => ({
display: 'flex',
alignItems: 'center',
padding: theme.spacing(0, 1),
// necessary for content to be below app bar
...theme.mixins.toolbar,
justifyContent: 'flex-end',
},
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/PersistentDrawerLeft.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,7 @@ const useStyles = makeStyles((theme: Theme) =>
display: 'flex',
alignItems: 'center',
padding: theme.spacing(0, 1),
// necessary for content to be below app bar
...theme.mixins.toolbar,
justifyContent: 'flex-end',
},
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/PersistentDrawerRight.js
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,7 @@ const useStyles = makeStyles(theme => ({
display: 'flex',
alignItems: 'center',
padding: theme.spacing(0, 1),
// necessary for content to be below app bar
...theme.mixins.toolbar,
justifyContent: 'flex-start',
},
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,7 @@ const useStyles = makeStyles((theme: Theme) =>
display: 'flex',
alignItems: 'center',
padding: theme.spacing(0, 1),
// necessary for content to be below app bar
...theme.mixins.toolbar,
justifyContent: 'flex-start',
},
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/ResponsiveDrawer.js
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,7 @@ const useStyles = makeStyles(theme => ({
display: 'none',
},
},
// necessary for content to be below app bar
toolbar: theme.mixins.toolbar,
drawerPaper: {
width: drawerWidth,
Expand Down
1 change: 1 addition & 0 deletions docs/src/pages/components/drawers/ResponsiveDrawer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,7 @@ const useStyles = makeStyles((theme: Theme) =>
display: 'none',
},
},
// necessary for content to be below app bar
toolbar: theme.mixins.toolbar,
drawerPaper: {
width: drawerWidth,
Expand Down