From cf7f864112ca23515f2315c513419ea544b10d18 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Tue, 21 Jul 2020 13:18:26 +0300
Subject: [PATCH] Problems: show tooltip with full description

---
 src/panel-triggers/components/Problems/ProblemDetails.tsx | 5 ++++-
 src/sass/_panel-problems.scss                             | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/panel-triggers/components/Problems/ProblemDetails.tsx b/src/panel-triggers/components/Problems/ProblemDetails.tsx
index 1fd420a..98118ef 100644
--- a/src/panel-triggers/components/Problems/ProblemDetails.tsx
+++ b/src/panel-triggers/components/Problems/ProblemDetails.tsx
@@ -11,6 +11,7 @@ import AcknowledgesList from './AcknowledgesList';
 import ProblemTimeline from './ProblemTimeline';
 import { FAIcon, ExploreButton, AckButton, Tooltip, ModalController, ExecScriptButton } from '../../../components';
 import { ExecScriptModal, ExecScriptData } from '../ExecScriptModal';
+import { Icon } from '@grafana/ui';
 
 interface ProblemDetailsProps extends RTRow<ProblemDTO> {
   rootWidth: number;
@@ -151,7 +152,9 @@ export class ProblemDetails extends PureComponent<ProblemDetailsProps, ProblemDe
           {problem.comments &&
             <div className="problem-description-row">
               <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>
               </div>
             </div>
diff --git a/src/sass/_panel-problems.scss b/src/sass/_panel-problems.scss
index d30368a..8b81809 100644
--- a/src/sass/_panel-problems.scss
+++ b/src/sass/_panel-problems.scss
@@ -274,6 +274,7 @@
           font-weight: 500;
           font-style: italic;
           color: $text-muted;
+          cursor: pointer;
         }
       }