Resizable Panes & View/Hide #80
Description
Users will experience Chrome IDE on many devices with drastically different screen sizes and resolutions. Additionally, as the user walks through their workflow, certain features will be more important than any other for a temporary time.
For these reasons, most features sharing the same screen real estate need to be resizable or have a simple view/hide functionality that allows the user to quickly adjust the views according to their screen size and immediate task at hand.
For example, the Debug Terminal may sometimes need to be full-size, and others may be find taking only a portion of the display (as it is in v0.2.0), and other times, will need to be completely hidden so the user can focus on source code itself. For a gesture-based device, a quick swipe up may be used to make the Debug Terminal full-screen, a swipe down will shrink it back down to a small portion, additional swipe down will make it hide completely, and a swipe up from the bottom of the screen will make it visible again. Also, in the small-portion view, it'd be great to be able to grab the splitter between the editor and debug terminal to size it up or down slightly. Devices without gesture input can use mouse and/or keyboard inputs to achieve the same effects.