CSS - div, чтобы скользить влево в модальном диалоге

Question

У меня Диалог угловых материалов с фиксированной высотой и шириной 600px

Когда пользователь нажимает на кнопку, я хочу сделать div слева от модального диалога, не теряя 600px ширины.

Я использую Flexbox, но это только увеличивается / уменьшается при отображении DIV

<div style="display:flex">


 <div *ngIf="showDesignDetails" style="display: flex; flex:20; flex-direction:column">
<div>
Menu to Slide left
</div>

 </div>

  <div style="display: flex; flex:80; flex-direction:column">
<div>
   Content
</div>
  </div>