diff --git a/src/DefaultEditor.js b/src/DefaultEditor.js index 3f8a2c675..b5b1252f5 100644 --- a/src/DefaultEditor.js +++ b/src/DefaultEditor.js @@ -71,15 +71,17 @@ class DefaultEditor extends Component { return ( {logo ? logo : null} - - - {this.hasTransforms() && } + + + {this.hasTransforms() && ( + + )} {this.hasAxes() && } {this.hasColorbars() && } - + {this.hasSliders() && } diff --git a/src/components/containers/TraceRequiredPanel.js b/src/components/containers/TraceRequiredPanel.js index ad03bcf41..e5f538e3b 100644 --- a/src/components/containers/TraceRequiredPanel.js +++ b/src/components/containers/TraceRequiredPanel.js @@ -22,8 +22,8 @@ class TraceRequiredPanel extends Component {

{_('Go to the ')} - this.context.setPanel('Graph', 'Create')}>{_('Create')} - {_(' panel to define traces.')} + this.context.setPanel('Structure', 'Traces')}>{_('Traces')} + {_(' panel under Structure to define traces.')}

); diff --git a/src/components/fields/AxesCreator.js b/src/components/fields/AxesCreator.js index 10958ed9a..febe736d1 100644 --- a/src/components/fields/AxesCreator.js +++ b/src/components/fields/AxesCreator.js @@ -152,7 +152,7 @@ class UnconnectedAxesCreator extends Component { {controls} {_('You can style and position your axes in the ')} - this.context.setPanel('Graph', 'Subplots')}>{_('Subplots')} + this.context.setPanel('Structure', 'Subplots')}>{_('Subplots')} {_(' panel.')} diff --git a/src/components/fields/SubplotCreator.js b/src/components/fields/SubplotCreator.js index 007c1f1ab..e7508b937 100644 --- a/src/components/fields/SubplotCreator.js +++ b/src/components/fields/SubplotCreator.js @@ -133,7 +133,7 @@ class UnconnectedSubplotCreator extends Component { /> {_('You can style and position your subplots in the ')} - this.context.setPanel('Graph', 'Subplots')}>{_('Subplots')} + this.context.setPanel('Structure', 'Subplots')}>{_('Subplots')} {_(' panel.')} diff --git a/src/default_panels/GraphCreatePanel.js b/src/default_panels/GraphCreatePanel.js index 8aff07d7a..fc9e2c41a 100644 --- a/src/default_panels/GraphCreatePanel.js +++ b/src/default_panels/GraphCreatePanel.js @@ -67,21 +67,27 @@ const GraphCreatePanel = (props, {localize: _, setPanel}) => { 'Note: in vertical orientation, X values are used for binning. If Y values are provided, they are used as inputs to the histogram function which you can configure in the ' )} setPanel('Style', 'Traces')}>{_('Traces')} - {_(' panel. If Y values are omitted, the histogram function defaults to Count.')} + {_( + ' panel under Style. If Y values are omitted, the histogram function defaults to Count.' + )} {_( 'Note: in horizontal orientation, Y values are used for binning. If X values are provided, they are used as inputs to the histogram function which you can configure in the ' )} setPanel('Style', 'Traces')}>{_('Traces')} - {_(' panel. If X values are omitted, the histogram function defaults to Count.')} + {_( + ' under Style panel. If X values are omitted, the histogram function defaults to Count.' + )} {_( 'Note: X and Y Values are used for binning. If Z values are provided, they are used as inputs to the histogram function which you can configure in the ' )} setPanel('Style', 'Traces')}>{_('Traces')} - {_(' panel. If Z values are omitted, the histogram function defaults to Count.')} + {_( + ' under Style panel. If Z values are omitted, the histogram function defaults to Count.' + )} diff --git a/src/styles/components/sidebar/_main.scss b/src/styles/components/sidebar/_main.scss index 97255a01d..5520153d2 100644 --- a/src/styles/components/sidebar/_main.scss +++ b/src/styles/components/sidebar/_main.scss @@ -10,7 +10,7 @@ float: left; border-right: var(--border-default); flex-grow: 1; - @include scrollbar(); + @include scrollbar(0px); &__group { background-color: var(--sidebar-group-background-base); @@ -102,8 +102,8 @@ line-height: var(--font-size-medium); text-transform: capitalize; background-color: var(--sidebar-item-background-base); - padding: var(--spacing-half-unit); - padding-left: var(--spacing-base-unit); + padding: 10px; + padding-left: 16px; padding-right: var(--spacing-quarter-unit); text-align: left; border-bottom: var(--border-light);