Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

problems: fix ack tooltip styles for alert list

Browse Source
This commit is contained in:
Alexander Zobnin
2019-01-15 18:52:26 +03:00
parent 79e4ec884a
commit 74ea451da9
4 changed files with 18 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/panel-triggers/components/AlertList/AlertCard.tsx
View File

@@ -284,7 +284,7 @@ class AlertAcknowledgesButton extends PureComponent<AlertAcknowledgesButtonProps
const { problem } = this.props;
return (
problem.acknowledges && problem.acknowledges.length ?
<Tooltip placement="bottom" content={this.renderTooltipContent}>
<Tooltip placement="bottom" popperClassName="ack-tooltip" content={this.renderTooltipContent}>
<span><i className="fa fa-comments"></i></span>
</Tooltip> :
<Tooltip placement="bottom" content="Acknowledge problem">
@@ -316,12 +316,7 @@ class AlertAcknowledges extends PureComponent<AlertAcknowledgesProps> {
);
});
return (
<div>
<div className="ack-add-button">
<button id="add-acknowledge-btn" className="btn btn-mini btn-inverse gf-form-button" onClick={this.handleClick}>
<i className="fa fa-plus"></i>
</button>
</div>
<div className="ack-tooltip">
<table className="table">
<thead>
<tr>
@@ -334,6 +329,11 @@ class AlertAcknowledges extends PureComponent<AlertAcknowledgesProps> {
{ackRows}
</tbody>
</table>
<div className="ack-add-button">
<button id="add-acknowledge-btn" className="btn btn-mini btn-inverse gf-form-button" onClick={this.handleClick}>
<i className="fa fa-plus"></i>
</button>
</div>
</div>
);
}