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

* Limit break fixed

* Used white-space: nowrap instead of width: max-content
This commit is contained in:
Lyndsi Kay Williams
2021-11-10 12:58:03 -06:00
committed by GitHub
parent 8f9cea86fe
commit 1beda796f2

View File

@@ -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,