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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 1 deletions

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,