github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

[ML] Ensure Job list search bar is aligned + prevent job actions from wrapping (#24334)

Browse source 
* display:none when no jobs selected

* Prevent job actions from wrapping

* wrap condition in paren
This commit is contained in:
Melissa Alvarez 2018-10-23 14:10:32 +01:00 • committed by GitHub
parent 4a45224d6a
commit 67e9bc4bfd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
x-pack/plugins/ml/public/jobs/jobs_list/components/multi_job_actions/multi_job_actions.js
View file

@ -24,9 +24,10 @@ export class MultiJobActions extends Component {
render() {
const s = (this.props.selectedJobs.length > 1) ? 's' : '';
const jobsSelected = (this.props.selectedJobs.length > 0);
return (
<div className="multi-select-actions">
{this.props.selectedJobs.length > 0 &&
<div className={`multi-select-actions${jobsSelected ? '' : '-no-display'}`}>
{jobsSelected &&
<React.Fragment>
<span className="jobs-selected-title">{this.props.selectedJobs.length} job{s} selected</span>
<div className="actions-border-large" />

5
x-pack/plugins/ml/public/jobs/jobs_list/components/multi_job_actions/styles/main.less
View file

@ -1,6 +1,7 @@
.multi-select-actions {
padding: 10px 0px;
display: inline-block;
white-space: nowrap;
.jobs-selected-title {
display: inline-block;
@ -44,3 +45,7 @@
}
}
.multi-select-actions-no-display {
display: none;
}