feat: improve split further

johannesjo · Nov 2, 2018 · 0ee9339 · 0ee9339
1 parent 5f0126c
commit 0ee9339
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/src/app/ui/split/split.component.html b/src/app/ui/split/split.component.html
@@ -1,4 +1,5 @@
 <div class="handle bg-primary"
+     (dblclick)="toggle()"
      (mousedown)="onMouseDown($event)">
   <button mat-fab=""
           #buttonEl

diff --git a/src/app/ui/split/split.component.scss b/src/app/ui/split/split.component.scss
@@ -8,6 +8,10 @@
   width: 100%;
   cursor: row-resize;
 
+  &:hover {
+    //transform: translateY(-$s);
+  }
+
   .handle {
     position: absolute;
     width: 100%;

diff --git a/src/app/ui/split/split.component.ts b/src/app/ui/split/split.component.ts
@@ -34,6 +34,14 @@ export class SplitComponent implements OnInit {
     console.log(this.buttonEl);
   }
 
+  toggle() {
+    let newPos = 50;
+    if (this.pos === 50) {
+      newPos = 100;
+    }
+    this._updatePos(newPos);
+  }
+
   onMouseDown(ev) {
     console.log('onMouseDown', ev);
     const mouseup$ = fromEvent(document, 'mouseup');