search

davidryan59 / web-synth

0 stars 0 forks source link

UI Panels and Flexbox #23

Closed davidryan59 closed 4 years ago

davidryan59 commented 4 years ago

Before implementing components, implement composite UI panels which are made up of a group of related UI components. Probably not the analyser (or maybe that is a specialised panel?) but most of the other controls should be grouped better.

Have them so they rearrange on screen as per Flexbox, e.g on a narrow window stack vertically, on a wide window stack horizontally, perhaps 3 wide. This gives a lot more space for the sliders, which are currently in one big vertical stack.

Test this in a feature branch since its quite a major change and potential improvement in UI experience

davidryan59 commented 4 years ago

Flexbox was used successfully. Components now stack horizontally and vertically, and wrap when browser window resized.