From e4ca050d80021ea15eceaf362c2798c53ef6f490 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Mon, 8 May 2023 10:32:45 +0300
Subject: [PATCH] [Library | explore-redesign]: showAuthors.component.ts: Added
 class "uk-text-italic" when displaying authors (not in modal) to make them
 more obvious among other info of the result.

---
 utils/authors/showAuthors.component.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/utils/authors/showAuthors.component.ts b/utils/authors/showAuthors.component.ts
index 182e0c4a..c91a935b 100644
--- a/utils/authors/showAuthors.component.ts
+++ b/utils/authors/showAuthors.component.ts
@@ -10,14 +10,15 @@ import {properties} from "../../../../environments/environment";
 @Component({
   selector: 'showAuthors',
   template: `
-    <ng-template #author_template let-author="author" let-i="i">
-      <span *ngIf="isSticky || (!author.orcid && !author.orcid_pending) || !testBrowser" style="margin-right: 5px;">
+    <ng-template #author_template let-author="author" let-i="i" let-italic="italic">
+      <span *ngIf="isSticky || (!author.orcid && !author.orcid_pending) || !testBrowser" style="margin-right: 5px;" 
+            [class.uk-text-italic]="italic">
         {{author.fullName + ";"}}
       </span>
       <a *ngIf="!isSticky && (author.orcid || author.orcid_pending) && testBrowser" class="uk-flex-inline uk-flex-middle uk-link-text">
 				<img *ngIf="author.orcid" src="assets/common-assets/common/ORCIDiD_icon16x16.png" alt="orcid" loading="lazy" style="width:16px; height:16px; margin-right: 3px;">
 				<img *ngIf="!author.orcid && author.orcid_pending" src="assets/common-assets/common/ORCIDiD_iconbw16x16.png" alt="orcid bw" loading="lazy" style="margin-right: 3px;">
-				<span style="margin-right: 5px;">
+				<span style="margin-right: 5px;" [class.uk-text-italic]="italic">
 					{{author.fullName + ";"}}
 				</span>
       </a>
@@ -78,7 +79,7 @@ import {properties} from "../../../../environments/environment";
     
     <div *ngIf="authors" class="uk-height-max-medium uk-overflow-auto uk-text-small uk-text-emphasis uk-flex uk-flex-wrap">
       <ng-container *ngFor="let author of authors.slice(0, viewAll?authors.length:authorsLimit) let i=index">
-        <ng-container *ngTemplateOutlet="author_template; context: { author: author, i:i}"></ng-container>
+        <ng-container *ngTemplateOutlet="author_template; context: { author: author, i:i, italic: true}"></ng-container>
       </ng-container>
       <span *ngIf="!showAll && authors && authors.length > authorsLimit" class="uk-text-meta">
         +{{authors.length-authorsLimit | number}} more