From 4949608980325c0ab235a267c4a0fb94d5e2c516 Mon Sep 17 00:00:00 2001
From: Sam Rawlins <sam.rawlins@gmail.com>
Date: Mon, 27 Oct 2014 12:58:34 -0700
Subject: [PATCH] Affix the sidebar

---
 server/app/styles/drone.less |  5 +++
 server/app/views/commit.html | 66 +++++++++++++++++++-----------------
 2 files changed, 39 insertions(+), 32 deletions(-)

diff --git a/server/app/styles/drone.less b/server/app/styles/drone.less
index 1c913dae4..9c0703921 100644
--- a/server/app/styles/drone.less
+++ b/server/app/styles/drone.less
@@ -1229,6 +1229,11 @@ nav {
 	//border-left:1px solid #cdcece;
 	//box-shadow:-3px 0 0 rgba(0,0,0,.05);
 
+	#sidebar-inner {
+		position: fixed;
+		width: 180px;
+	}
+
 	h1 {font-size:28px; font-weight:300;}
 	h2 {font-size:22px; font-weight:300; margin-bottom:20px;}
 	dl {padding-top:23px; border-top:1px solid #ddd; margin-top:5px;
diff --git a/server/app/views/commit.html b/server/app/views/commit.html
index 6ca5465fd..fbdcc5258 100644
--- a/server/app/views/commit.html
+++ b/server/app/views/commit.html
@@ -1,37 +1,39 @@
 <aside id="sidebar">
-	<div class="result" data-result="{{ commit.status }}">
-		<dl>
-			<dd><span class="status">{{ commit.status }}</span></dd>
-			<dd><strong>{{ commit.message }}</strong></dd>
-		</dl>
-	</div>
-		
-	<dl ng-if="commit.duration != 0">
-		<dd><h1>{{ commit.duration | toDuration}}</h1></dd>
-	</dl>
+	<div id="sidebar-inner">
+		<div class="result" data-result="{{ commit.status }}">
+			<dl>
+				<dd><span class="status">{{ commit.status }}</span></dd>
+				<dd><strong>{{ commit.message }}</strong></dd>
+			</dl>
+		</div>
 
-	<dl>
-		<dd class="large" ng-if="repo.remote == 'gitlab.com' || repo.remote == 'github.com' || repo.remote == 'enterprise.github.com' ">
-			<strong>
-				commit 
-				<a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/commit/{{ commit.sha }}" >{{ commit.sha | shortHash}}</a> 
-				to <a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/tree/{{ commit.branch }}">{{ commit.branch }}</a> branch
-			</strong>
-		</dd>
-		<dd class="large" ng-if="repo.remote == 'bitbucket.org' ">
-			<strong>
-				commit 
-				<a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/commits/{{ commit.sha }}" >{{ commit.sha | shortHash}}</a> 
-				to <a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/src/?at={{ commit.branch }}">{{ commit.branch }}</a> branch
-			</strong>
-		</dd>
-		<dd class="large" ng-if="repo.remote != 'gitlab.com' && repo.remote != 'github.com' && repo.remote != 'enterprise.github.com' && repo.remote != 'bitbucket.org' ">
-			<strong>commit <u>{{ commit.sha | shortHash}}</u> to <u>{{ commit.branch }}</u> branch</strong>
-		</dd>
-		<dd ng-if="commit.finished_at != 0">{{ commit.finished_at | fromNow }}</dd>
-		<dd ng-if="commit.finished_at == 0 && commit.started_at != 0">Started {{ commit.started_at | fromNow }}</dd>
-		<dd ng-if="commit.finished_at == 0 && commit.started_at == 0">Created {{ commit.created_at}}</dd>
-	</dl>
+		<dl ng-if="commit.duration != 0">
+			<dd><h1>{{ commit.duration | toDuration}}</h1></dd>
+		</dl>
+
+		<dl>
+			<dd class="large" ng-if="repo.remote == 'gitlab.com' || repo.remote == 'github.com' || repo.remote == 'enterprise.github.com' ">
+				<strong>
+					commit 
+					<a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/commit/{{ commit.sha }}" >{{ commit.sha | shortHash}}</a> 
+					to <a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/tree/{{ commit.branch }}">{{ commit.branch }}</a> branch
+				</strong>
+			</dd>
+			<dd class="large" ng-if="repo.remote == 'bitbucket.org' ">
+				<strong>
+					commit 
+					<a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/commits/{{ commit.sha }}" >{{ commit.sha | shortHash}}</a> 
+					to <a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/src/?at={{ commit.branch }}">{{ commit.branch }}</a> branch
+				</strong>
+			</dd>
+			<dd class="large" ng-if="repo.remote != 'gitlab.com' && repo.remote != 'github.com' && repo.remote != 'enterprise.github.com' && repo.remote != 'bitbucket.org' ">
+				<strong>commit <u>{{ commit.sha | shortHash}}</u> to <u>{{ commit.branch }}</u> branch</strong>
+			</dd>
+			<dd ng-if="commit.finished_at != 0">{{ commit.finished_at | fromNow }}</dd>
+			<dd ng-if="commit.finished_at == 0 && commit.started_at != 0">Started {{ commit.started_at | fromNow }}</dd>
+			<dd ng-if="commit.finished_at == 0 && commit.started_at == 0">Created {{ commit.created_at}}</dd>
+		</dl>
+        </div>
 </aside>
 
 <div id="main" class="output">