[incubator-superset] branch master updated: Fix chart select borders in BuilderComponentPane (#11766)

[erikrit]

This is an automated email from the ASF dual-hosted git repository.

erikrit pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-superset.git


The following commit(s) were added to refs/heads/master by this push:
     new a4f4425  Fix chart select borders in BuilderComponentPane (#11766)
a4f4425 is described below

commit a4f44255aa94e2bd882b7d442457796b98a8d855
Author: Kamil Gabryjelski <kamil.gabryjel...@gmail.com>
AuthorDate: Mon Nov 30 18:51:54 2020 +0100

    Fix chart select borders in BuilderComponentPane (#11766)
---
 .../src/dashboard/components/BuilderComponentPane.jsx        | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git 
a/superset-frontend/src/dashboard/components/BuilderComponentPane.jsx 
b/superset-frontend/src/dashboard/components/BuilderComponentPane.jsx
index a693f87..d286653 100644
--- a/superset-frontend/src/dashboard/components/BuilderComponentPane.jsx
+++ b/superset-frontend/src/dashboard/components/BuilderComponentPane.jsx
@@ -23,7 +23,7 @@ import Tabs from 'src/common/components/Tabs';
 import { StickyContainer, Sticky } from 'react-sticky';
 import { ParentSize } from '@vx/responsive';
 
-import { t } from '@superset-ui/core';
+import { t, styled } from '@superset-ui/core';
 
 import NewColumn from './gridComponents/new/NewColumn';
 import NewDivider from './gridComponents/new/NewDivider';
@@ -43,14 +43,18 @@ const defaultProps = {
 
 const SUPERSET_HEADER_HEIGHT = 59;
 
+const BuilderComponentPaneTabs = styled(Tabs)`
+  line-height: inherit;
+  margin-top: ${({ theme }) => theme.gridUnit * 2}px;
+`;
+
 class BuilderComponentPane extends React.PureComponent {
   renderTabs(height) {
     const { isSticky } = this.props;
     return (
-      <Tabs
+      <BuilderComponentPaneTabs
         id="tabs"
         className="tabs-components"
-        style={{ marginTop: '10px' }}
         data-test="dashboard-builder-component-pane-tabs-navigation"
       >
         <Tabs.TabPane key={1} tab={t('Components')}>
@@ -66,7 +70,7 @@ class BuilderComponentPane extends React.PureComponent {
             height={height + (isSticky ? SUPERSET_HEADER_HEIGHT : 0)}
           />
         </Tabs.TabPane>
-      </Tabs>
+      </BuilderComponentPaneTabs>
     );
   }