Add tooltip on trustchain item.

Fix icons. Signed-off-by: Dariy Miseldzhani <dariy.misilgani@envisionblockchain.com>
hashgraph · Feb 14, 2025 · 5a4be20 · 5a4be20
1 parent 43e5285
commit 5a4be20
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 12 deletions.
diff --git a/...cy-engine/policy-viewer/blocks/messages-report-block/messages-report-block.component.scss b/...cy-engine/policy-viewer/blocks/messages-report-block/messages-report-block.component.scss
@@ -273,6 +273,10 @@
     position: relative;
     padding-left: 24px;
     height: 22px;
+
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
 .message-header i,
@@ -379,7 +383,7 @@
 }
 
 .dashboard-right-header>span i,
-.dashboard-right-header>span svg,{
+.dashboard-right-header>span svg {
     position: absolute;
     top: -3px;
     left: 0px;

diff --git a/...c/app/modules/policy-engine/policy-viewer/blocks/report-block/report-block.component.html b/...c/app/modules/policy-engine/policy-viewer/blocks/report-block/report-block.component.html
@@ -373,14 +373,15 @@ <h3>Policy Overview</h3>
                       {{ item.title }}
                     </div>
                     <div
-                        *ngIf="
-                                                document.document &&
-                                                document.document.comment
-                                            "
+                        *ngIf="document.document && document.document.comment"
                         class="revoke-container"
                     >
-                      <i class="pi pi-exclamation-triangle revoke-icon"></i>
-                      <b>Revoked with reason: "{{ document.document.comment }}"</b>
+                      <i class="pi pi-exclamation-triangle"></i>
+                      <b
+						[pTooltip]="'Revoked with reason: ' + document.document.comment"
+						tooltipPosition="top"
+						tooltipStyleClass="guardian-tooltip small-guardian-tooltip"
+					  >Revoked with reason: "{{ document.document.comment }}"</b>
                     </div>
                     <div class="chain-id">
                       {{ item.description }}

diff --git a/...c/app/modules/policy-engine/policy-viewer/blocks/report-block/report-block.component.scss b/...c/app/modules/policy-engine/policy-viewer/blocks/report-block/report-block.component.scss
@@ -512,14 +512,14 @@ a.open-vp {
 }
 
 .revoke-container {
+    margin-top: 8px;
     font-family: Inter;
     color: red;
-}
 
-.revoke-container .revoke-icon {
-    position: absolute;
-    left: 16px;
-    top: 37px;
+    b {
+        margin-left: 4px;
+        white-space: normal;
+    }
 }
 
 .multiple-documents-container {