Fix chart select borders in BuilderComponentPane (#11766)

This commit is contained in:
Kamil Gabryjelski 2020-11-30 18:51:54 +01:00 committed by GitHub
parent b1a963b93f
commit a4f44255aa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions

View File

@ -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>
);
}