Moving away from Azure Devops #1
1 changed files with 4 additions and 1 deletions
|
|
@ -2,6 +2,7 @@ export class ScrollManager {
|
||||||
private scrollableContent!: HTMLElement;
|
private scrollableContent!: HTMLElement;
|
||||||
private timeAxisContent!: HTMLElement;
|
private timeAxisContent!: HTMLElement;
|
||||||
private calendarHeader!: HTMLElement;
|
private calendarHeader!: HTMLElement;
|
||||||
|
private headerDrawer!: HTMLElement;
|
||||||
private headerViewport!: HTMLElement;
|
private headerViewport!: HTMLElement;
|
||||||
private headerSpacer!: HTMLElement;
|
private headerSpacer!: HTMLElement;
|
||||||
private resizeObserver!: ResizeObserver;
|
private resizeObserver!: ResizeObserver;
|
||||||
|
|
@ -10,6 +11,7 @@ export class ScrollManager {
|
||||||
this.scrollableContent = container.querySelector('swp-scrollable-content')!;
|
this.scrollableContent = container.querySelector('swp-scrollable-content')!;
|
||||||
this.timeAxisContent = container.querySelector('swp-time-axis-content')!;
|
this.timeAxisContent = container.querySelector('swp-time-axis-content')!;
|
||||||
this.calendarHeader = container.querySelector('swp-calendar-header')!;
|
this.calendarHeader = container.querySelector('swp-calendar-header')!;
|
||||||
|
this.headerDrawer = container.querySelector('swp-header-drawer')!;
|
||||||
this.headerViewport = container.querySelector('swp-header-viewport')!;
|
this.headerViewport = container.querySelector('swp-header-viewport')!;
|
||||||
this.headerSpacer = container.querySelector('swp-header-spacer')!;
|
this.headerSpacer = container.querySelector('swp-header-spacer')!;
|
||||||
|
|
||||||
|
|
@ -33,7 +35,8 @@ export class ScrollManager {
|
||||||
// Synkroniser time-axis vertikalt
|
// Synkroniser time-axis vertikalt
|
||||||
this.timeAxisContent.style.transform = `translateY(-${scrollTop}px)`;
|
this.timeAxisContent.style.transform = `translateY(-${scrollTop}px)`;
|
||||||
|
|
||||||
// Synkroniser header horisontalt
|
// Synkroniser header og drawer horisontalt
|
||||||
this.calendarHeader.style.transform = `translateX(-${scrollLeft}px)`;
|
this.calendarHeader.style.transform = `translateX(-${scrollLeft}px)`;
|
||||||
|
this.headerDrawer.style.transform = `translateX(-${scrollLeft}px)`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue