fix(explore): long metric name display

apache · Jan 10, 2021 · 2aa59c1 · 2aa59c1
1 parent f13f2e2
commit 2aa59c1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/superset-frontend/src/explore/components/AdhocMetricEditPopover.jsx b/superset-frontend/src/explore/components/AdhocMetricEditPopover.jsx
@@ -58,6 +58,12 @@ const ResizeIcon = styled.i`
  margin-left: ${({ theme }) => theme.gridUnit * 2}px;
 `;
 
+const ColumnOptionStyle = styled.span`
+ .option-label {
+ display: inline;
+ }
+`;
+
 const SAVED_TAB_KEY = 'SAVED';
 
 const startingWidth = 320;
@@ -220,7 +226,11 @@ export default class AdhocMetricEditPopover extends React.Component {
  if (column.metric_name && !column.verbose_name) {
  column.verbose_name = column.metric_name;
  }
- return <ColumnOption column={column} showType />;
+ return (
+ <ColumnOptionStyle>
+ <ColumnOption column={column} showType />
+ </ColumnOptionStyle>
+ );
  }
 
  render() {

diff --git a/superset-frontend/src/explore/components/OptionControls.tsx b/superset-frontend/src/explore/components/OptionControls.tsx
@@ -60,6 +60,9 @@ const Label = styled.div`
  svg {
  margin-right: ${({ theme }) => theme.gridUnit}px;
  }
+ .option-label {
+ display: inline;
+ }
 `;
 
 const CaretContainer = styled.div`