Keep width for each panel when toggling panels

Features
4

think I can achieve two objectives

  1. easily change the width of article area to get wider view
  2. toggling side bar and note list, keeping article width untouched

by following solution

both side bar and note list panel have its own width which are resizable as the user can resize them, but when toggling them whole application width will get wider or narrower just as much as their width

if we adjust whole application width, then change the reading area width only

just give sidebar/note list {flex-grow: 0;} and for the article area {flex-grow: 1;}

sorry for my poor English if this isn’t easy to understand, I’m gonna add some picture of this idea later today at work :joy: