From 551db6a998427f9e13e54cf55f388d6f9d9cb25b Mon Sep 17 00:00:00 2001 From: George Kalampokis Date: Thu, 13 Feb 2020 18:18:54 +0200 Subject: [PATCH] Improvements & fixes for the User Guide content component --- .../user-guide-content/user-guide-content.component.scss | 2 +- .../user-guide-content/user-guide-content.component.ts | 8 +++++--- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss b/dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss index f7248a481..5c88dd4bb 100644 --- a/dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss +++ b/dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss @@ -1,5 +1,5 @@ :host ::ng-deep .href{ - color: lightblue !important; + color: -webkit-link !important; } :host :hover ::ng-deep .href { diff --git a/dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.ts b/dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.ts index 64388eb4b..bc1bc63f0 100644 --- a/dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.ts +++ b/dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.ts @@ -13,6 +13,7 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit, guideHTML: any; + private scrollEvent: EventListener; constructor( private userGuideService: UserGuideService, @@ -20,7 +21,7 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit, ) { super(); } ngOnInit() { - + this.scrollEvent = ((ev) => this.scroll(ev)); this.userGuideService.getUserGuide() .pipe(takeUntil(this._destroyed)) .subscribe(response => { @@ -44,14 +45,15 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit, } scroll(ev: Event) { - document.getElementById((ev.srcElement as any).getAttribute('path')).scrollIntoView({ behavior: "smooth", block: "start" }); + document.getElementById((ev.srcElement as any).getAttribute('path')).scrollIntoView({behavior: 'smooth', block: 'start'}); } private parse() { const specialElements: HTMLCollection = document.getElementsByClassName('href'); for (let i = 0; i < specialElements.length; i++) { const element = specialElements.item(i); - element.addEventListener('click',(ev) => this.scroll(ev)); + element.removeEventListener('click', this.scrollEvent); + element.addEventListener('click', this.scrollEvent); } }