Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

text overflow

Browse Source
This commit is contained in:
Timo 2021-04-27 17:12:08 +03:00
parent 224326498e
commit 8dacfa6c45
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.html
View File

@ -176,13 +176,16 @@
<div [title]="'[' + fileStatus.status + '] ' + fileStatus.filename">
<div class="filename-wrapper">
<div [class.disabled]="fileStatus.isPending || fileStatus.isProcessing" [class.error]="fileStatus.isError" class="table-item-title">
<div
[class.disabled]="fileStatus.isPending || fileStatus.isProcessing"
[class.error]="fileStatus.isError"
class="table-item-title text-overflow"
>
{{ fileStatus.filename }}
</div>
<!-- <span *ngIf="permissionsService.fileRequiresReanalysis(fileStatus)" class="pill" translate="project-overview.new-rule.label"></span>-->
</div>
<div class="small-label stats-subtitle" *ngIf="fileStatus.primaryAttribute">
<div class="primary-attribute">
<div class="primary-attribute text-overflow">
{{ fileStatus.primaryAttribute }}
</div>
</div>

7
apps/red-ui/src/assets/styles/red-text-styles.scss
View File

@ -102,6 +102,13 @@ pre {
@include line-clamp(2);
}
.text-overflow {
display: block !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.primary {
color: $primary;
opacity: 1;