From bc2043d4cf5ff9b68a829213b0aaf8d00cfd968c Mon Sep 17 00:00:00 2001
From: Martin Bruse <zondolfin@gmail.com>
Date: Thu, 27 Feb 2014 12:04:51 +0000
Subject: [PATCH] instead of doing magic on scroll events, move the button to
 the bottom of the stdout pre.

---
 cmd/droned/assets/css/drone.css     | 10 ++++------
 cmd/droned/assets/css/drone.less    | 10 ++++------
 pkg/template/pages/repo_commit.html | 16 ++--------------
 3 files changed, 10 insertions(+), 26 deletions(-)

diff --git a/cmd/droned/assets/css/drone.css b/cmd/droned/assets/css/drone.css
index 171c1b2d3..77b7ee7b0 100644
--- a/cmd/droned/assets/css/drone.css
+++ b/cmd/droned/assets/css/drone.css
@@ -1083,15 +1083,13 @@ ul.account-radio-group li img {
   word-break: break-all;
 }
 #follow {
-  position: absolute;
-  z-index: 1000;
+  position: relative;
+  z-index: 100;
+  float: right;
   right: 1em;
-  top: .5em;
+  top: -2.5em;
   padding: 0 1em;
   border-radius: 7px;
   background: #999;
   cursor: pointer;
 }
-#follow-container {
-  position: relative;
-}
diff --git a/cmd/droned/assets/css/drone.less b/cmd/droned/assets/css/drone.less
index 178d1ede2..433ed20bb 100644
--- a/cmd/droned/assets/css/drone.less
+++ b/cmd/droned/assets/css/drone.less
@@ -1273,17 +1273,15 @@ pre {
 }
 
 #follow {
-  position: absolute;
-  z-index: 1000;
+  position: relative;
+  z-index: 100;
+  float: right;
   right: 1em;
-  top: .5em;
+  top: -2.5em;
   padding: 0 1em;
   border-radius: 7px;
   background: #999;
   cursor: pointer;
 }
 
-#follow-container {
-  position: relative;
-}
 
diff --git a/pkg/template/pages/repo_commit.html b/pkg/template/pages/repo_commit.html
index cb433f27a..ec64a8021 100644
--- a/pkg/template/pages/repo_commit.html
+++ b/pkg/template/pages/repo_commit.html
@@ -44,10 +44,8 @@
 				<dd>{{ .Commit.Message }}</dd>
 			</div>
 		</div>
-		<div id="follow-container">
-			<span id="follow">Follow</span>
-			<pre id="stdout"></pre>
-		</div>
+		<pre id="stdout"></pre>
+		<span id="follow">Follow</span>
 	</div><!-- ./container -->
 {{ end }}
 
@@ -55,7 +53,6 @@
 	<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.1.0/jquery.timeago.js"></script>
 	<script>
 		window.autofollow = false;
-		window.autofollow_ignore = false;
 		$(document).ready(function() {
 			$(".timeago").timeago();
 			$("#follow").bind("click", function(ev) {
@@ -67,14 +64,6 @@
 					$("#follow").text("Stop following");
 				}
 			});
-			$(window).bind("scroll", function(ev) {
-				if (window.autofollow_ignore) {
-					window.autofollow_ignore = false;
-				} else {
-					window.autofollow = false;
-					$("#follow").text("Follow");
-				}
-			});
 		});
 	</script>
 
@@ -147,7 +136,6 @@
 		outputWS.onmessage = function (e) { 
 			outputBox.innerHTML += formatLine(e.data);
 			if (window.autofollow) {
-				window.autofollow_ignore = true;
 				window.scrollTo(0, document.body.scrollHeight);
 			}
 		};