-
-
- {t('Saved metric')}
-
+
))}
-
+
-
-
- {t('column')}
-
+
))}
-
-
-
- {t('aggregate')}
-
+
+
))}
-
+
{this.props.datasourceType !== 'druid' ? (
-
-
-
+
) : (
Custom SQL Metrics are not available on druid datasources
@@ -474,7 +464,7 @@ export default class AdhocMetricEditPopover extends React.PureComponent {
className="fa fa-expand edit-popover-resize text-muted"
/>
-
+
);
}
}
diff --git a/superset-frontend/src/explore/components/controls/TimeSeriesColumnControl/index.jsx b/superset-frontend/src/explore/components/controls/TimeSeriesColumnControl/index.jsx
index f26f4d2ef6..ab3583a928 100644
--- a/superset-frontend/src/explore/components/controls/TimeSeriesColumnControl/index.jsx
+++ b/superset-frontend/src/explore/components/controls/TimeSeriesColumnControl/index.jsx
@@ -18,11 +18,10 @@
*/
import React from 'react';
import PropTypes from 'prop-types';
-import { Row, Col } from 'src/common/components';
-import { FormControl } from 'react-bootstrap';
+import { Row, Col, Input } from 'src/common/components';
import Popover from 'src/components/Popover';
import Select from 'src/components/Select';
-import { t } from '@superset-ui/core';
+import { t, styled } from '@superset-ui/core';
import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
import BoundsControl from '../BoundsControl';
@@ -75,6 +74,20 @@ const colTypeOptions = [
{ value: 'avg', label: 'Period average' },
];
+const StyledRow = styled(Row)`
+ margin-top: ${({ theme }) => theme.gridUnit * 2}px;
+`;
+
+const StyledCol = styled(Col)`
+ display: flex;
+ align-items: center;
+`;
+
+const StyledTooltip = styled(InfoTooltipWithTrigger)`
+ margin-left: ${({ theme }) => theme.gridUnit}px;
+ color: ${({ theme }) => theme.colors.grayscale.light1};
+`;
+
export default class TimeSeriesColumnControl extends React.Component {
constructor(props) {
super(props);
@@ -128,19 +141,15 @@ export default class TimeSeriesColumnControl extends React.Component {
formRow(label, tooltip, ttLabel, control) {
return (
-