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

ui fix on autocomple options

This commit is contained in:
Sofia Papacharalampous 2024-04-16 11:45:56 +03:00
parent dcbaf92128
commit 2f6dcb7300
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.html
View File

@ -31,12 +31,12 @@
<div class="title-subtitle-fn"> <div class="title-subtitle-fn">
<div class="title-fn"> <div class="title-fn">
<div class="title-fn-inner"> <div class="title-fn-inner">
<span *ngIf="!_optionTemplate(item)">{{_titleFn(item)}}</span> <span *ngIf="!_optionTemplate(item)" class="title-text">{{_titleFn(item)}}</span>
</div> </div>
</div> </div>
<div *ngIf="_subtitleFn(item)" class="subtitle-fn"> <div *ngIf="_subtitleFn(item)" class="subtitle-fn">
<div class="subtitle-fn-inner"> <div class="subtitle-fn-inner">
<small [innerHTML]="_subtitleFn(item)"></small> <small [innerHTML]="_subtitleFn(item)" class="subtitle-text"></small>
</div> </div>
</div> </div>
</div> </div>
@ -57,9 +57,9 @@
item: item item: item
}"></ng-template> }"></ng-template>
<div *ngIf="!_optionTemplate(item) && !_optionComponent(item)"> <div *ngIf="!_optionTemplate(item) && !_optionComponent(item)">
<span>{{_titleFn(item)}}</span> <span class="title-text">{{_titleFn(item)}}</span>
<br *ngIf="_subtitleFn(item)"> <br *ngIf="_subtitleFn(item)">
<small *ngIf="_subtitleFn(item)">{{_subtitleFn(item)}}</small> <small *ngIf="_subtitleFn(item)" class="subtitle-text">{{_subtitleFn(item)}}</small>
<span *ngIf="popupItemActionIcon" class="option-icon" (click)="_optionActionClick(item, $event)"><mat-icon>{{popupItemActionIcon}}</mat-icon></span> <span *ngIf="popupItemActionIcon" class="option-icon" (click)="_optionActionClick(item, $event)"><mat-icon>{{popupItemActionIcon}}</mat-icon></span>
</div> </div>
</mat-option> </mat-option>

13
dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
View File

@ -128,3 +128,16 @@
color: transparent; color: transparent;
} }
} }
.title-text {
font-weight: 300;
line-height: 1.2em;
text-align: left;
font-size: 16px;
}
.subtitle-text {
font-weight: 400;
font-size: 14px;
line-height: 1.2em;
}