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,14 +19,12 @@
import React, { useRef } from 'react';
import { useDrag, useDrop, DropTargetMonitor } from 'react-dnd';
import { styled, t, useTheme } from '@superset-ui/core';
import {
MetricOption,
InfoTooltipWithTrigger,
} from '@superset-ui/chart-controls';
import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
import { Tooltip } from 'src/components/Tooltip';
import Icon from 'src/components/Icon';
import { savedMetricType } from 'src/explore/components/controls/MetricControl/types';
import AdhocMetric from 'src/explore/components/controls/MetricControl/AdhocMetric';
import { StyledMetricOption } from '../../optionRenderers';
export const DragContainer = styled.div`
margin-bottom: ${({ theme }) => theme.gridUnit}px;
@@ -246,7 +244,7 @@ export const OptionControlLabel = ({
const getLabelContent = () => {
if (savedMetric?.metric_name) {
return <MetricOption metric={savedMetric} />;
return <StyledMetricOption metric={savedMetric} />;
}
return <Tooltip title={label}>{label}</Tooltip>;
};