Problems: show tooltip with full description

This commit is contained in:
Alexander Zobnin
2020-07-21 13:18:26 +03:00
parent e06298cc02
commit cf7f864112
2 changed files with 5 additions and 1 deletions

View File

@@ -11,6 +11,7 @@ import AcknowledgesList from './AcknowledgesList';
import ProblemTimeline from './ProblemTimeline'; import ProblemTimeline from './ProblemTimeline';
import { FAIcon, ExploreButton, AckButton, Tooltip, ModalController, ExecScriptButton } from '../../../components'; import { FAIcon, ExploreButton, AckButton, Tooltip, ModalController, ExecScriptButton } from '../../../components';
import { ExecScriptModal, ExecScriptData } from '../ExecScriptModal'; import { ExecScriptModal, ExecScriptData } from '../ExecScriptModal';
import { Icon } from '@grafana/ui';
interface ProblemDetailsProps extends RTRow<ProblemDTO> { interface ProblemDetailsProps extends RTRow<ProblemDTO> {
rootWidth: number; rootWidth: number;
@@ -151,7 +152,9 @@ export class ProblemDetails extends PureComponent<ProblemDetailsProps, ProblemDe
{problem.comments && {problem.comments &&
<div className="problem-description-row"> <div className="problem-description-row">
<div className="problem-description"> <div className="problem-description">
<span className="description-label">Description:&nbsp;</span> <Tooltip placement="right" content={problem.comments}>
<span className="description-label">Description:&nbsp;</span>
</Tooltip>
<span>{problem.comments}</span> <span>{problem.comments}</span>
</div> </div>
</div> </div>

View File

@@ -274,6 +274,7 @@
font-weight: 500; font-weight: 500;
font-style: italic; font-style: italic;
color: $text-muted; color: $text-muted;
cursor: pointer;
} }
} }