[Library & common-assets| new-theme]: Fixes in custom-external.

1. resultLanding.component.html: [Bug fix] In EGI Notebook, uk-text-uppercase should be in text (custom-external icon could not be loaded).
2. resultLanding.component.ts: Removed unnecessary log.
3. result-preview.component.html: Added properly "custom-external" class.
4. utils.css: In class "custom-external", set verical-align: super.
This commit is contained in:
Konstantina Galouni 2022-04-12 16:52:49 +03:00
parent c98bf5aa6f
commit 322ee51e26
3 changed files with 8 additions and 13 deletions

View File

@ -367,13 +367,13 @@
<!-- EGI Notebook--> <!-- EGI Notebook-->
<div *ngIf="resultLandingInfo.showEgiNotebookButton && properties.adminToolsPortalType == 'explore' <div *ngIf="resultLandingInfo.showEgiNotebookButton && properties.adminToolsPortalType == 'explore'
&& (properties.environment == 'beta' || properties.environment == 'development') && (!viewAll || viewAll=='egiNotebook')"> && (properties.environment == 'beta' || properties.environment == 'development') && (!viewAll || viewAll=='egiNotebook')">
<a class="uk-link-text uk-text-bold uk-text-uppercase" <a class="uk-link-text uk-text-bold custom-external"
target="_blank" [href]="properties.egiNotebookLink"> target="_blank" [href]="properties.egiNotebookLink">
<!-- <span class="uk-icon-button uk-icon">--> <!-- <span class="uk-icon-button uk-icon">-->
<img src="assets/common-assets/eosc-logo.png" <img src="assets/common-assets/eosc-logo.png"
loading="lazy" alt="eosc_logo" style="width:27px; height:27px"> loading="lazy" alt="eosc_logo" style="width:27px; height:27px">
<!-- </span>--> <!-- </span>-->
<span class="uk-margin-small-left custom-external"><u>EOSC SERVICE: EGI NOTEBOOK</u></span> <span class="uk-margin-small-left uk-text-uppercase"><u>EOSC SERVICE: EGI NOTEBOOK</u></span>
</a> </a>
</div> </div>
<!-- <hr *ngIf="resultLandingInfo.showEgiNotebookButton && properties.adminToolsPortalType == 'explore'--> <!-- <hr *ngIf="resultLandingInfo.showEgiNotebookButton && properties.adminToolsPortalType == 'explore'-->

View File

@ -207,7 +207,6 @@ export class ResultLandingComponent {
})); }));
this.offset = Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue('--navbar-height')); this.offset = Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue('--navbar-height'));
console.log(this.offset);
} }
private initMetaAndLinks(type: string) { private initMetaAndLinks(type: string) {

View File

@ -7,9 +7,9 @@
alt="Enermaps tool preview" loading="lazy"> alt="Enermaps tool preview" loading="lazy">
<div class="uk-overlay uk-margin-medium-left uk-overlay-default uk-position-bottom uk-hidden-hover uk-padding-small"> <div class="uk-overlay uk-margin-medium-left uk-overlay-default uk-position-bottom uk-hidden-hover uk-padding-small">
<p>Visit <a <p>Visit <a
class=" uk-margin-right uk-margin-small-top" class="custom-external uk-margin-right uk-margin-small-top"
[href]="properties.enermapsURL + '/?shared_id=' + result.enermapsId" target="_blank" > [href]="properties.enermapsURL + '/?shared_id=' + result.enermapsId" target="_blank" >
Enermaps tool <span class="custom-external custom-icon space"></span> Enermaps tool
</a></p> </a></p>
</div> </div>
@ -55,7 +55,7 @@
<a *ngIf="externalUrl && result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) " <a *ngIf="externalUrl && result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "
(click)="onClick()" (click)="onClick()"
target="_blank" [href]="externalUrl+result.id" class="uk-link uk-width-expand"> target="_blank" [href]="externalUrl+result.id" class="custom-external uk-link uk-width-expand">
<span *ngIf="(result.title) || result.acronym"> <span *ngIf="(result.title) || result.acronym">
<span *ngIf="result.acronym"> <span *ngIf="result.acronym">
{{result.acronym}} {{result.acronym}}
@ -67,7 +67,6 @@
<span *ngIf="!result.title && !result.acronym"> <span *ngIf="!result.title && !result.acronym">
[no title available] [no title available]
</span> </span>
<span class="custom-external custom-icon space"></span>
</a> </a>
<div *ngIf="!result.id || (result.resultType == 'dataprovider' && result.compatibilityUNKNOWN)" <div *ngIf="!result.id || (result.resultType == 'dataprovider' && result.compatibilityUNKNOWN)"
@ -224,8 +223,7 @@
<div *ngIf="result.websiteURL && result.websiteURL != '' && !promoteWebsiteURL" class="uk-margin-small-bottom"> <div *ngIf="result.websiteURL && result.websiteURL != '' && !promoteWebsiteURL" class="uk-margin-small-bottom">
<span class="uk-text-meta">Website URL: </span> <span class="uk-text-meta">Website URL: </span>
<span> <span>
<a href="{{result.websiteURL}}" target="_blank"> <a href="{{result.websiteURL}}" target="_blank" class="custom-external">
<span class="custom-external custom-icon"></span>
{{result.websiteURL}} {{result.websiteURL}}
</a> </a>
</span> </span>
@ -234,8 +232,7 @@
<div *ngIf="result.OAIPMHURL && result.OAIPMHURL != ''" class="uk-margin-small-bottom"> <div *ngIf="result.OAIPMHURL && result.OAIPMHURL != ''" class="uk-margin-small-bottom">
<span class="uk-text-meta">OAI-PMH URL: </span> <span class="uk-text-meta">OAI-PMH URL: </span>
<span> <span>
<a href="{{result.OAIPMHURL}}" target="_blank"> <a href="{{result.OAIPMHURL}}" target="_blank" class="custom-external">
<span class="custom-external custom-icon"></span>
{{result.OAIPMHURL}} {{result.OAIPMHURL}}
</a> </a>
</span> </span>
@ -271,8 +268,7 @@
<span class="uk-text-meta">Download from: </span> <span class="uk-text-meta">Download from: </span>
<a *ngIf="from.downloadUrl" <a *ngIf="from.downloadUrl"
[href]="from.downloadUrl" target="_blank" class="title"> [href]="from.downloadUrl" target="_blank" class="title">
<span>{{from.downloadNames.join("; ")}}</span> <span class="custom-external">{{from.downloadNames.join("; ")}}</span>
<span class="custom-external space"></span>
</a> </a>
<span *ngIf="!from.downloadUrl || from.downloadUrl.length === 0" class="title"> <span *ngIf="!from.downloadUrl || from.downloadUrl.length === 0" class="title">
<span>{{from.downloadNames.join(", ")}}</span> <span>{{from.downloadNames.join(", ")}}</span>