diff --git a/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopover/index.jsx b/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopover/index.jsx index ef8a07ca590e..d214dc3a5890 100644 --- a/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopover/index.jsx +++ b/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopover/index.jsx @@ -23,7 +23,7 @@ import { FormGroup } from 'react-bootstrap'; import Tabs from 'src/components/Tabs'; import Button from 'src/components/Button'; import { NativeSelect as Select } from 'src/components/Select'; -import { t } from '@superset-ui/core'; +import { t, styled } from '@superset-ui/core'; import FormLabel from 'src/components/FormLabel'; import { SQLEditor } from 'src/components/AsyncAceEditor'; @@ -59,6 +59,18 @@ const defaultProps = { getCurrentTab: noOp, }; +const StyledSelect = styled(Select)` + .metric-option { + & > svg { + min-width: ${({ theme }) => `${theme.gridUnit * 4}px`}; + } + & > .option-label { + overflow: hidden; + text-overflow: ellipsis; + } + } +`; + export const SAVED_TAB_KEY = 'SAVED'; const startingWidth = 320; @@ -344,7 +356,7 @@ export default class AdhocMetricEditPopover extends React.PureComponent { {t('Saved metric')} - +