Merge pull request #634 from plotly/style

style tweaks

Author: nicolaskruchten

src/default_panels/GraphCreatePanel.js

@@ -11,7 +11,6 @@ import {
   SubplotCreator,
   TraceAccordion,
   TraceSelector,
-  TextEditor,
   Numeric,
   TraceTypeSection,
 } from '../components';
@@ -23,7 +22,6 @@ import {
 const GraphCreatePanel = (props, {localize: _}) => {
   return (
     <TraceAccordion canAdd excludeFits>
-      <TextEditor label={_('Name')} attr="name" richTextOnly />
       <TraceSelector label={_('Type')} attr="type" show />
 
       <PlotlySection name={_('Data')}>
@@ -32,14 +30,6 @@ const GraphCreatePanel = (props, {localize: _}) => {
         <DataSelector label={_('Values')} attr="values" />
         <DataSelector label={_('Labels')} attr="labels" />
         <DataSelector label={_('Locations')} attr="locations" />
-        <Radio
-          label={_('Orientation')}
-          attr="orientation"
-          options={[
-            {label: _('Vertical'), value: 'v'},
-            {label: _('Horizontal'), value: 'h'},
-          ]}
-        />
 
         <DataSelector
           label={{
@@ -65,6 +55,14 @@ const GraphCreatePanel = (props, {localize: _}) => {
           }}
           attr="z"
         />
+        <Radio
+          label={_('Orientation')}
+          attr="orientation"
+          options={[
+            {label: _('Vertical'), value: 'v'},
+            {label: _('Horizontal'), value: 'h'},
+          ]}
+        />
         <HistogramInfoVertical>
           {_(
             'Note: in vertical orientation, X values are used for bins and Y values for weights.'

src/styles/components/containers/_fold.scss

@@ -71,7 +71,7 @@
       svg {
         will-change: transform;
         transition: transform 0.1s ease-in-out;
-        transform: rotate(-180deg);
+        transform: rotate(-90deg);
         font-weight: bold;
         transform-origin: center center;
       }
@@ -82,7 +82,7 @@
       }
       &--open {
         svg {
-          transform: rotate(-90deg);
+          transform: rotate(0deg);
         }
       }
     }