minor tweaks for terminology page graph_element

This commit is contained in:
Alex Martzios 2022-12-06 15:18:11 +02:00
parent 9b62812195
commit 125820fa68
1 changed files with 6 additions and 5 deletions

View File

@ -80,17 +80,17 @@ declare var ResizeObserver;
</div>
</div>
<div *ngIf="divContents" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250">
<div id="graph_element" #graph_element class="uk-blur-background" uk-sticky="bottom: true"
<div id="graph_element" #graph_element_mobile class="uk-blur-background" uk-sticky="bottom: true"
[attr.offset]="graph_offset">
<div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom">
<div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom uk-text-xsmall">
<icon name="graph" customClass="text-graph"></icon>
<span class="uk-margin-small-left uk-text-meta">More information for </span>
<a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a>
<span class="uk-text-meta">.</span>
</div>
</div>
<div class="uk-margin-top">
<div class="uk-sticky uk-background-default" uk-sticky>
<div>
<div class="uk-sticky uk-background-default uk-padding uk-padding-remove-horizontal" uk-sticky>
<slider-tabs type="scrollable" position="horizontal">
<slider-tab tabId="entities_m" tabTitle="1. Entities"></slider-tab>
<slider-tab tabId="inherited-and-inferred-attributes_m"
@ -99,7 +99,7 @@ declare var ResizeObserver;
</slider-tabs>
</div>
</div>
<div class="uk-margin-top uk-container uk-container-large uk-section uk-section-small uk-text-break">
<div class="uk-container uk-container-large uk-section uk-section-small uk-text-break">
<div id="entities_m" class="uk-margin-xlarge-bottom">
<helper [texts]="divContents['entities']"></helper>
</div>
@ -122,6 +122,7 @@ export class TerminologyComponent implements OnInit, OnDestroy, AfterViewInit, A
public graph_offset: number = 0;
public graph_height: number = 0;
@ViewChild("graph_element") graph_element;
@ViewChild("graph_element_mobile") graph_element_mobile;
public contentSections: string[] = ['entities', 'inherited-and-inferred-attributes', 'constructed-attributes'];
public activeSection: string;
public properties = properties;