MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

dataset label in dmp overview (text-oveflow & tooltip) fixed

This commit is contained in:
gpapavgeri 2020-07-09 13:59:11 +03:00
parent 10a59aa630
commit 4f6c339b37
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
View File

@ -78,11 +78,11 @@
<p class="desc-txt">{{ dmp.description }}</p>
</div>
<div class="row header">{{'DMP-OVERVIEW.DATASETS-USED' | translate}}</div>
<div class="row d-flex flex-column">
<div class="d-flex flex-column">
<div *ngFor="let dataset of dmp.datasets; let i=index">
<div *ngIf="i < 3" (click)="datasetClicked(dataset.id)">
<div class="row" *ngIf="i < 3" (click)="datasetClicked(dataset.id)">
<button mat-raised-button class="mb-2 mr-2 pl-0 pr-0">
<div matTooltip="{{ dataset.datasetTemplate.label }}" class="dataset-btn">
<div matTooltip="{{ dataset.label }} : {{ dataset.datasetTemplate.label }}" class="col-auto dataset-btn">
<div class="dataset-btn-label">{{ dataset.label }}:
{{ dataset.datasetTemplate.label }}</div>
<mat-icon>launch</mat-icon>
@ -90,7 +90,7 @@
</button>
</div>
</div>
<div *ngIf="dmp.datasets.length > 3" class="show-more-btn">
<div class="row" *ngIf="dmp.datasets.length > 3" class="show-more-btn">
<button mat-button (click)="datasetsClicked(dmp.id)">
<mat-icon class="mr-2">expand_more</mat-icon>
{{ 'GENERAL.ACTIONS.SHOW-MORE' | translate }}

1
dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
View File

@ -179,6 +179,7 @@
.dataset-btn-label {
margin-right: 1em;
overflow: hidden;
text-overflow: ellipsis;
}
.doi-label {