You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@datalab.apache.org by dg...@apache.org on 2021/02/05 15:32:43 UTC

[incubator-datalab] branch develop updated: [DATALAB-2274] added hints for actions description on audit page (#1062)

This is an automated email from the ASF dual-hosted git repository.

dgnatyshyn pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/incubator-datalab.git


The following commit(s) were added to refs/heads/develop by this push:
     new ac5b271  [DATALAB-2274] added hints for actions description on audit page (#1062)
ac5b271 is described below

commit ac5b2716a7e3f60d3a61fdefb8dabbc4d8b3dc46
Author: Yurii Tykhun <yu...@ukr.net>
AuthorDate: Fri Feb 5 17:32:36 2021 +0200

    [DATALAB-2274] added hints for actions description on audit page (#1062)
    
    Co-authored-by: Yurii Tykhun <ty...@gmail.com>
---
 .../src/app/reports/audit/audit-grid/audit-grid.component.ts | 12 ++++++++++--
 .../self-service/src/main/resources/webapp/src/styles.scss   |  4 ++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.ts b/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.ts
index ce294c4..2c6ddfe 100644
--- a/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.ts
+++ b/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.ts
@@ -213,7 +213,15 @@ export class AuditGridComponent implements OnInit {
                       </div>
                     </div>
                     <div class="info-item-data" [ngClass]="{'same-column-width': data.dialogSize === 'small'}" *ngIf="action[0] !== 'File(s)'">
-                       <div *ngFor="let description of action[1]?.split(',')">{{description}}</div>
+                       <div 
+                          *ngFor="let description of action[1]?.split(',')"
+                          [matTooltip]="description"
+                          class="ellipsis"
+                          [ngStyle]="description.length < 20 ? {'width' :'fit-content'} : {'width':'100%'}"
+                          matTooltipPosition="above"
+                          matTooltipClass="mat-tooltip-description">
+                        {{description}}
+                        </div>
                     </div>
                   </mat-list-item>
                 </div>
@@ -280,7 +288,7 @@ export class AuditGridComponent implements OnInit {
     .info-item-title{width: 40%; padding: 10px 0;font-size: 14px;}
     .info-item-quota{width: 30%; padding: 10px 0;font-size: 14px;}
     .list-header {padding-top: 5px;}
-    .info-item-data{width: 60%; text-align: left; padding: 10px 0; font-size: 14px;}
+    .info-item-data{width: 60%; text-align: left; padding: 10px 0; font-size: 14px; cursor: default;}
     .file-description{ overflow: hidden; display: block; direction: rtl; font-size: 14px;}
     .same-column-width{width: 50%; padding: 10px 0; font-size: 14px;}
   `]
diff --git a/services/self-service/src/main/resources/webapp/src/styles.scss b/services/self-service/src/main/resources/webapp/src/styles.scss
index 2e48da8..0454403 100644
--- a/services/self-service/src/main/resources/webapp/src/styles.scss
+++ b/services/self-service/src/main/resources/webapp/src/styles.scss
@@ -533,3 +533,7 @@ input[type='number'] {
 .mat-tooltip-for-users {
   overflow-wrap: break-word;
 }
+
+.mat-tooltip-description {
+  overflow-wrap: break-word;
+}


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@datalab.apache.org
For additional commands, e-mail: commits-help@datalab.apache.org