fix(sqllab): Query limit dropdown number breaks to separate lines (#1…

…7382) * Limit break fixed * Used white-space: nowrap instead of width: max-content
apache · Jan 10, 2022 · dfeec21 · dfeec21
1 parent 0cc282b
commit dfeec21
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/superset-frontend/src/SqlLab/components/SqlEditor/index.jsx b/superset-frontend/src/SqlLab/components/SqlEditor/index.jsx
@@ -125,6 +125,10 @@ const StyledToolbar = styled.div`
       }
     }
   }
+
+  .limitDropdown {
+    white-space: nowrap;
+  }
 `;
 
 const propTypes = {
@@ -646,7 +650,7 @@ class SqlEditor extends React.PureComponent {
               <Dropdown overlay={this.renderQueryLimit()} trigger="click">
                 <a onClick={e => e.preventDefault()}>
                   <span>LIMIT:</span>
-                  <span>
+                  <span className="limitDropdown">
                     {this.convertToNumWithSpaces(
                       this.props.queryEditor.queryLimit ||
                         this.props.defaultQueryLimit,