Cómo hacer que el cajón de la interfaz de usuario de material 'exprima' otro contenido cuando está abierto

Si alguien está familiarizado con css y Material UI, cualquier ayuda con esto sería muy apreciada. Básicamente, estoy tratando de implementar un componente Material UI Drawer que, cuando se abre, no solo se desliza por la parte superior del contenido de la página, sino que el contenido de la página se ajusta alrededor del cajón, es decir, se aprieta o se expande. Estoy usando filas de arranque y contenedores en mi proyecto, pero no tengo idea de cómo los usaría para lograr esto. Así es como se presenta mi componente:

<div>
    <AppBar
    onLeftIconButtonTouchTap={this.handleToggle}
      title="Imaginary Company"
    />
    <Row>
      <QuotesList />
    </Row>
    <Drawer
    containerStyle={{ top: 64, width:150 }}
    open={this.state.open}
    >
      <MenuItem>Menu Item</MenuItem>
      <MenuItem>Menu Item 2</MenuItem>
    </Drawer>
  </div>

Tenga en cuenta que la propiedad 'superior' es solo porque quiero que el área de título superior de la barra de aplicaciones permanezca visible con el cajón abierto o cerrado. Como siempre, cualquier ayuda sería increíble. Salud

ACTUALIZACIÓN: He encontrado un tipo de solución hacky que me funciona. Utilizando la impresionante biblioteca de 'componentes con estilo' (que permite que los estilos cambien en función de los accesorios dinámicos que pasas) pude crear un componente de envoltura que acepta un accesorio 'colapsado', con una animación deslizándose hacia la derecha igual a la del cajón ancho (150). Si alguien se topa con esto y les interesa, aquí está mi código en componentes con estilo (también hay algunos estilos de contenedor de arranque copiados y pegados):

const CollapsibleContainer = styled.div`
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
$:after {
content: "";
display: table;
clear: both;
}
position: absolute;
right: 0;
left: ${props => props.collapsed ? '150px' : '0'}!important;
transition: 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
`; 

Quizás esta no sea la solución perfecta, pero se ve bien. Espero que esto ayude a alguien tal vez :)

Respuestas a la pregunta(1)

Su respuesta a la pregunta