Problems: show tooltip with full description
This commit is contained in:
@@ -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: </span>
|
<Tooltip placement="right" content={problem.comments}>
|
||||||
|
<span className="description-label">Description: </span>
|
||||||
|
</Tooltip>
|
||||||
<span>{problem.comments}</span>
|
<span>{problem.comments}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -274,6 +274,7 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: $text-muted;
|
color: $text-muted;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user