[ML] Disabling results buttons on row select (#21144)

This commit is contained in:
James Gowdy 2018-07-24 18:15:53 +01:00 committed by GitHub
parent 92dd341f5c
commit f3d88c9fbf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 12 deletions

View file

@ -9,8 +9,7 @@ import PropTypes from 'prop-types';
import React from 'react';
import {
EuiIcon,
EuiLink,
EuiButtonIcon,
} from '@elastic/eui';
import chrome from 'ui/chrome';
@ -39,13 +38,19 @@ export function ResultLinks({ jobs }) {
return (
<React.Fragment>
{(jobs.length < 2) &&
<EuiLink href={getLink('timeseriesexplorer', jobs)} >
<EuiIcon type="stats" />
</EuiLink>
<EuiButtonIcon
href={getLink('timeseriesexplorer', jobs)}
iconType="stats"
aria-label="View results in single metric viewer"
className="results-button"
/>
}
<EuiLink href={getLink('explorer', jobs)} >
<EuiIcon type="tableOfContents" />
</EuiLink>
<EuiButtonIcon
href={getLink('explorer', jobs)}
iconType="tableOfContents"
aria-label="View results in anomaly explorer"
className="results-button"
/>
<div className="actions-border"/>
</React.Fragment>
);

View file

@ -75,11 +75,17 @@
}
}
.euiTableCellContent .euiLink {
.results-button {
margin-right: 10px;
}
.euiTableRow-isSelected {
.results-button {
color: silver;
pointer-events: none;
}
}
.euiContextMenuItem .euiIcon {
margin-right: 8px;
}

View file

@ -29,8 +29,8 @@
}
.euiLink {
margin-right: 10px;
.results-button {
margin-right: 5px;
}
.euiContextMenuPanel {