Collapsible Control sections (#3354)

The left panel of the explore view has become crowded and overwhelming
overtime. This PR adds functionality to collapse the control sections,
and sets most sections to be collapse by default as the explore view
opens up.

* breakdown `Query` section for most viz
* bring filters to the top, under Query section
* collapse most sections by default
* removed confusing outdated description for Filter section
This commit is contained in:
Maxime Beauchemin
2017-08-22 16:10:55 -07:00
committed by GitHub
parent 64c91ec9e3
commit 670ba5d32e
4 changed files with 161 additions and 43 deletions

View File

@@ -67,11 +67,13 @@ class ControlPanelsContainer extends React.Component {
<ControlPanelSection
key={section.label}
label={section.label}
tooltip={section.description}
startExpanded={section.expanded}
description={section.description}
>
{section.controlSetRows.map((controlSets, i) => (
<ControlRow
key={`controlsetrow-${i}`}
className="control-row"
controls={controlSets.map(controlName => (
controlName &&
this.props.controls[controlName] &&