From 294efe5e8de49ffbf736e7febd0acdcb268c3255 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Wed, 14 Nov 2018 00:32:56 +0100
Subject: [PATCH] feat(bookmarks): make split component work with dynamic
 header height

---
 src/app/app.component.html                       |  1 -
 src/app/pages/work-view/split/split.component.ts | 12 +++++-------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 0c2a11cb0a..88c51b2b3d 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,5 +1,4 @@
 <main-header></main-header>
-<h1>Yeahaha</h1>
 <mat-sidenav-container>
   <add-task-bar class="global"
                 [@blendInOut]
diff --git a/src/app/pages/work-view/split/split.component.ts b/src/app/pages/work-view/split/split.component.ts
index 0a59c1988d..e77b07d7c3 100644
--- a/src/app/pages/work-view/split/split.component.ts
+++ b/src/app/pages/work-view/split/split.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, OnInit, Output, Renderer2, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output, Renderer2, ViewChild } from '@angular/core';
 import { fromEvent, Subscription } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
@@ -42,7 +42,7 @@ export class SplitComponent implements OnInit {
     this._renderer.addClass(this.splitTopEl, ANIMATABLE_CLASS);
     this._renderer.addClass(this.splitBottomEl, ANIMATABLE_CLASS);
     let newPos = 50;
-    if (this.pos === 50) {
+    if (this.pos > 45 && this.pos < 55) {
       newPos = 100;
     }
     this._updatePos(newPos);
@@ -76,13 +76,11 @@ export class SplitComponent implements OnInit {
     this._renderer.removeClass(this.splitTopEl, ANIMATABLE_CLASS);
     this._renderer.removeClass(this.splitBottomEl, ANIMATABLE_CLASS);
     this._isDrag = true;
-    // console.log('onMouseDown', ev);
+    const bounds = this.containerEl.getBoundingClientRect();
     const h = this.containerEl.offsetHeight;
-    // const handleHeight = this.buttonEl._elementRef.nativeElement.offsetHeight * 3 / 2;
-    const handleHeight = this.buttonEl._elementRef.nativeElement.offsetHeight * 2 / 2;
-    // console.log(handleHeight);
+    const headerHeight = bounds.top;
 
-    let percentage = (ev.clientY - handleHeight) / h * 100;
+    let percentage = (ev.clientY - headerHeight) / h * 100;
     if (percentage > 100) {
       percentage = 100;
     }