From 09a09af240e7bb3d2743fd4ba1e0b40433772c63 Mon Sep 17 00:00:00 2001
From: Lee-Orr <lee-orr@users.noreply.github.com>
Date: Mon, 18 Mar 2024 15:05:24 -0400
Subject: [PATCH] navigate to start, end, and zero

---
 studio-frontend/src/app/anim-editor.element.ts     | 10 +++++++---
 studio-frontend/src/app/anim-timeline.element.scss |  8 ++++++++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/studio-frontend/src/app/anim-editor.element.ts b/studio-frontend/src/app/anim-editor.element.ts
index 790b92a..9049e24 100644
--- a/studio-frontend/src/app/anim-editor.element.ts
+++ b/studio-frontend/src/app/anim-editor.element.ts
@@ -159,7 +159,11 @@ export class AnimEditorElement extends LitElement {
 	}
 
 	jumpToStart(): void {
-		this.playHead = this.clipStart;
+		if (Math.abs(this.playHead - this.clipStart) < 0.0001) {
+			this.playHead = 0;
+		} else {
+			this.playHead = this.clipStart;
+		}
 	}
 
 	prevKeyframe(): void {
@@ -178,7 +182,7 @@ export class AnimEditorElement extends LitElement {
 		}
 
 		if (closest_keyframe < 0) {
-			return;
+			closest_keyframe = 0;
 		}
 
 		this.playHead = closest_keyframe;
@@ -244,7 +248,7 @@ export class AnimEditorElement extends LitElement {
 		
 		let timeline_css_variables = {
 			'--track-count': `${this.trackCount()}`,
-			'--row-count': `calc(var(--track-count) + ${can_add_selected ? 2 : 1})`,
+			'--row-count': `calc(var(--track-count) + ${can_add_selected ? 3 : 2})`,
 			'--clip-end': `${clip_end * 100}%`,
 			'--clip-start': `${clip_start * 100}%`
 		};
diff --git a/studio-frontend/src/app/anim-timeline.element.scss b/studio-frontend/src/app/anim-timeline.element.scss
index 8993cc8..c866c93 100644
--- a/studio-frontend/src/app/anim-timeline.element.scss
+++ b/studio-frontend/src/app/anim-timeline.element.scss
@@ -23,6 +23,14 @@
 	&.panning {
 		cursor: grabbing;
 	}
+
+	.zoom-controls {
+		grid-row: var(--row-count);
+		background: rgba(0,0,0,1);
+		height: 10px;
+		width: 100%;
+		z-index: 1;
+	}
 }
 
 .hash {