chore: Move styles from .less stylesheet to emotion in Explore (#14485)

* Move some styles from .less stylesheet to emotion in Explore

* Replace Global styles with local styled components

* Address comments
This commit is contained in:
Kamil Gabryjelski
2021-05-05 15:36:52 +02:00
committed by GitHub
parent 93c7f5bb44
commit b030c9801c
19 changed files with 197 additions and 311 deletions

View File

@@ -19,12 +19,7 @@
import React, { useEffect, useState } from 'react';
import { styled, t } from '@superset-ui/core';
import Collapse from 'src/components/Collapse';
import {
ColumnOption,
MetricOption,
ControlConfig,
DatasourceMeta,
} from '@superset-ui/chart-controls';
import { ControlConfig, DatasourceMeta } from '@superset-ui/chart-controls';
import { debounce } from 'lodash';
import { matchSorter, rankings } from 'match-sorter';
import { FAST_DEBOUNCE } from 'src/constants';
@@ -33,6 +28,7 @@ import { ExploreActions } from 'src/explore/actions/exploreActions';
import Control from 'src/explore/components/Control';
import DatasourcePanelDragWrapper from './DatasourcePanelDragWrapper';
import { DndItemType } from '../DndItemType';
import { StyledColumnOption, StyledMetricOption } from '../optionRenderers';
interface DatasourceControl extends ControlConfig {
datasource?: DatasourceMeta;
@@ -216,10 +212,10 @@ export default function DataSourcePanel({
value={m}
type={DndItemType.Metric}
>
<MetricOption metric={m} showType />
<StyledMetricOption metric={m} showType />
</DatasourcePanelDragWrapper>
) : (
<MetricOption metric={m} showType />
<StyledMetricOption metric={m} showType />
)}
</LabelContainer>
))}
@@ -238,10 +234,10 @@ export default function DataSourcePanel({
value={col}
type={DndItemType.Column}
>
<ColumnOption column={col} showType />
<StyledColumnOption column={col} showType />
</DatasourcePanelDragWrapper>
) : (
<ColumnOption column={col} showType />
<StyledColumnOption column={col} showType />
)}
</LabelContainer>
))}