Clicking the ruler time (top left of the timeline ruler) now jumps to…

… the beginning of the timeline (moves the playhead and scrolls)

src/timeline/index.html

@@ -44,7 +44,7 @@
 
 		<!-- RULER NAME (left of screen) -->
 		<div tl-rulertime id="ruler_label">
-			<div id="ruler_time">{{playheadTime.hour}}:{{playheadTime.min}}:{{playheadTime.sec}},{{playheadTime.frame}}</div>
+			<div id="ruler_time" ng-click="rulerTimeClick()">{{playheadTime.hour}}:{{playheadTime.min}}:{{playheadTime.sec}},{{playheadTime.frame}}</div>
 		</div>
 		<!-- RULER (right of screen) -->
 		<div id="scrolling_ruler">

src/timeline/js/controllers.js

@@ -870,6 +870,20 @@ App.controller("TimelineCtrl", function ($scope) {
     return Math.max(min_value, $scope.project.duration * $scope.pixelsPerSecond);
   };
 
+  // Seek to the beginning of the timeline
+  $scope.rulerTimeClick = function () {
+      $scope.movePlayhead(0.0);
+      $scope.previewFrame(0.0);
+
+      // Force a scroll event (from 1 to 0, to send the geometry to zoom slider)
+      $("#scrolling_tracks").scrollLeft(1);
+
+      // Scroll to top/left when loading a project
+      $("#scrolling_tracks").animate({
+        scrollTop: 0,
+        scrollLeft: 0
+      }, "slow");
+  };
 
   // Get Position of item (used by Qt), both the position and track number.
   /**