openaire-library/dashboard/sharedComponents/page-content/page-content.component.ts

import {Component, OnInit} from "@angular/core";

@Component({
  selector: '[page-content]',
  template: `
  <div id="page_content">
    <div #header id="page_content_header" uk-sticky="show-on-up: true; animation: uk-animation-slide-top; media: @m" [attr.offset]="offset">
      <div class="uk-container uk-container-large uk-padding-remove-vertical">
        <ng-content select="[header]"></ng-content>
      </div>
    </div>
    <div id="page_content_inner" class="uk-section uk-container uk-container-large">
      <ng-content select="[inner]"></ng-content>
    </div>
  </div>
  `
})
export class PageContentComponent implements OnInit{
  public offset: string;
  
  ngOnInit() {
    this.offset = getComputedStyle(document.documentElement).getPropertyValue('--structure-header-height');
  }
}