dashboard/sharedComponents/sidebar/sideBar.component.html

@@ -1,8 +1,8 @@
-<aside id="sidebar_main" class="uk-visible@m">
+<div id="sidebar_main" uk-sticky="end: .sidebar_main_swipe;" [attr.offset]="offset" class="uk-visible@m">
   <div sidebar-content>
     <ng-container *ngTemplateOutlet="menu; context: {mobile: false}"></ng-container>
   </div>
-</aside>
+</div>
 <div class="uk-hidden@m">
   <div id="sidebar_offcanvas" #sidebar_offcanvas [attr.uk-offcanvas]="'overlay: true'">
     <div class="uk-offcanvas-bar uk-padding-remove">

dashboard/sharedComponents/sidebar/sideBar.component.ts

@@ -30,6 +30,7 @@ export class SideBarComponent implements OnInit, AfterViewInit, OnDestroy, OnCha
   @Input() queryParamsHandling;
   @ViewChild("nav") nav: ElementRef;
   @ViewChild("sidebar_offcanvas") sidebar_offcanvas: ElementRef;
+  public offset: number;
   public properties = properties;
   private subscriptions: any[] = [];
   private init: boolean = false;
@@ -45,6 +46,9 @@ export class SideBarComponent implements OnInit, AfterViewInit, OnDestroy, OnCha
   }
 
   ngOnInit() {
+    if (typeof document !== "undefined") {
+      this.offset = Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue('--header-height'));
+    }
     this.setActiveMenuItem();
   }
 

landingPages/landing-utils/parsingFunctions.class.ts

@@ -888,7 +888,7 @@ export class ParsingFunctions {
           counts.push({name: 'downloads', icon: 'download', value: element.count, order: 1});
           measure.downloads = element.count;
         }
-        if (element.id == 'influence_alt') {
+        if (element.id == 'influence_alt' || element.id == 'citation_count') {
           bip.push({name: 'citations', icon: 'cite', value: element.score, order: 2});
           measure.citations = element.score;
         }

monitor-admin/topic/topic.component.html

@@ -1,4 +1,5 @@
-<aside *ngIf="stakeholder" id="sidebar_main">
+<div class="uk-flex">
+  <aside *ngIf="stakeholder" uk-sticky="end: .sidebar_main_swipe;" [attr.offset]="offset" id="sidebar_main">
     <div sidebar-content>
       <div class="back">
         <a [routerLink]="'/admin/' + stakeholder.alias" class="uk-flex uk-flex-middle uk-flex-center">
@@ -188,8 +189,8 @@
         </ul>
       </div>
     </div>
-</aside>
+  </aside>
-<div #pageContent *ngIf="stakeholder && filters" page-content>
+  <div #pageContent *ngIf="stakeholder && filters" page-content>
     <div actions>
       <div *ngIf="stakeholder.topics.length > 0" class="uk-flex uk-flex-center uk-margin-medium-top uk-flex-right@m uk-width-1-1">
         <button class="uk-button uk-button-primary uk-flex uk-flex-middle">
@@ -323,7 +324,9 @@
                   [subcategoryIndex]="subCategoryIndex" [user]="user"
                   [stakeholder]="stakeholder" [changed]="change.asObservable()"></indicators>
     </div>
+  </div>
 </div>
+
 <modal-alert #deleteModal classTitle="uk-background-primary uk-light" (alertOutput)="deleteElement()"
              [overflowBody]="false">
   <div [class.uk-invisible]="loading" class="uk-position-relative">

monitor-admin/topic/topic.component.ts

@@ -38,6 +38,7 @@ export class TopicComponent implements OnInit, OnDestroy, AfterViewInit, IDeacti
   private topicSubscriptions: any[] = [];
   private subscriptions: any[] = [];
   public properties: EnvProperties = properties;
+  public offset: number;
   public stakeholderUtils: StakeholderUtils = new StakeholderUtils();
   public loading: boolean = false;
   public stakeholder: Stakeholder;
@@ -95,6 +96,9 @@ export class TopicComponent implements OnInit, OnDestroy, AfterViewInit, IDeacti
   }
   
   public ngOnInit() {
+    if (typeof document !== "undefined") {
+      this.offset = Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue('--header-height'));
+    }
     let subscription: Subscription;
     this.subscriptions.push(this.topicIndexSubject.asObservable().subscribe(index => {
       this.topicChanged(() => {