inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-5272] fe files upload form width is increasing if we upload file name too long (#7666)

Browse Source 
* [ADF-5272] Add tooltip to show the entire filename

* [ADF-5272] Set max-width to div that contains filename to show ellipsis
This commit is contained in:
Amedeo Lepore
2022-06-08 11:56:00 +02:00
committed by GitHub
parent 0d96b4413a
commit 55b68373fc
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/process-services/src/lib/content-widget/attach-file-widget.component.html
View File

@@ -69,7 +69,7 @@
(keyup.enter)="onAttachFileClicked(file)"
role="button"
tabindex="0"/>
<span matLine id="{{'file-'+file.id}}" (click)="onAttachFileClicked(file)" (keyup.enter)="onAttachFileClicked(file)"
<span matLine id="{{'file-'+file.id}}" (click)="onAttachFileClicked(file)" [matTooltip]="file.name" (keyup.enter)="onAttachFileClicked(file)"
role="button" tabindex="0" class="adf-file">{{file.name}}</span>
<button id="{{'file-'+file.id+'-option-menu'}}" mat-icon-button [matMenuTriggerFor]="fileActionMenu">
<mat-icon>more_vert</mat-icon>

10
lib/process-services/src/lib/content-widget/attach-file-widget.component.scss
View File

@@ -67,5 +67,15 @@
.mat-line {
margin-bottom: 0;
}
.mat-list-text {
max-width: 200px;
}
@media screen and (max-width: 959px) {
.mat-list-text {
max-width: 150px;
}
}
}
}