From c0e26133bdc89384a1cb586ff5b9de299fb74d33 Mon Sep 17 00:00:00 2001
From: Thomas Keller <me@thomaskeller.biz>
Date: Thu, 2 Jun 2011 02:04:52 +0200
Subject: [PATCH] Keep the context area in the view if a view scrolls down
 several pages.

---
 NEWS.mdtext                            |  1 +
 src/IDF/templates/idf/base-full.html   |  1 -
 src/IDF/templates/idf/base-simple.html |  2 +-
 src/IDF/templates/idf/base.html        | 16 +++++++++++++++-
 www/media/idf/css/style.css            | 16 ++++++++--------
 5 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/NEWS.mdtext b/NEWS.mdtext
index 71f04bf..6add8ed 100644
--- a/NEWS.mdtext
+++ b/NEWS.mdtext
@@ -6,6 +6,7 @@
 - File download URLs now contain the file name rather than the upload id; old links still work though (issues 559 and 686)
 - Display monotone file and directory attributes in the tree and file view
   (needs a monotone with an interface version of 13.1 or newer)
+- The context area is now kept in view when a page scrolls down several pages
 
 ## Bugfixes
 
diff --git a/src/IDF/templates/idf/base-full.html b/src/IDF/templates/idf/base-full.html
index f3be2ff..3f1c447 100644
--- a/src/IDF/templates/idf/base-full.html
+++ b/src/IDF/templates/idf/base-full.html
@@ -70,7 +70,6 @@
   <div id="ft">{block foot}{/block}</div>
 </div>
 {include 'idf/js-hotkeys.html'}
-{include 'idf/list-filter.html'}
 {block javascript}{/block}
 {if $project}
 <script type="text/javascript" charset="utf-8">{literal}
diff --git a/src/IDF/templates/idf/base-simple.html b/src/IDF/templates/idf/base-simple.html
index 6206851..c590eed 100644
--- a/src/IDF/templates/idf/base-simple.html
+++ b/src/IDF/templates/idf/base-simple.html
@@ -49,7 +49,7 @@
     </div>
       </div>
     </div>
-    <div class="yui-b context">{block context}{/block}</div>
+    <div class="yui-b context" id="context">{block context}{/block}</div>
   </div>
   <div id="ft">{block foot}{/block}</div>
 </div>
diff --git a/src/IDF/templates/idf/base.html b/src/IDF/templates/idf/base.html
index db05240..3009db0 100644
--- a/src/IDF/templates/idf/base.html
+++ b/src/IDF/templates/idf/base.html
@@ -66,7 +66,7 @@
     </div>
       </div>
     </div>
-    <div class="yui-b context">{block context}{/block}</div>
+    <div class="yui-b context" id="context">{block context}{/block}</div>
   </div>
   <div id="ft">{block foot}{/block}</div>
 </div>
@@ -84,6 +84,20 @@ $(document).ready(function(){
     else if (frag.length > 3 && frag.substring(0, 3) == '#ic') {
         $(frag).addClass("issue-comment-focus");
     }
+
+    var contextTop = $('div#context').position().top;
+    var contextFixEnabled = true;
+    $(window).scroll(function() {
+         if (!contextFixEnabled || $(window).scrollTop() < contextTop)
+             $('div#context').css('position', 'relative');
+         else
+             $('div#context').css('position', 'fixed');
+    });
+    $(window).resize(function() {
+         contextFixEnabled =
+             $('div#context').offset().top + $('div#context').height() <
+             $(window).height();
+    });
 });
 //]]>{/literal}
 </script>{/if}
diff --git a/www/media/idf/css/style.css b/www/media/idf/css/style.css
index 2ae7176..3f80fdd 100644
--- a/www/media/idf/css/style.css
+++ b/www/media/idf/css/style.css
@@ -86,6 +86,14 @@ a.soft:visited {
 
 div.context {
   padding-left: 1em;
+  position: relative;
+  top: 0;
+}
+
+div.context h3 {
+  font-size: 13px;
+  font-weight: bold;
+  margin: 10px 0 5px;
 }
 
 /**
@@ -928,14 +936,6 @@ ol > li {
 /**
  * List expander for tag and branch view
  */
-.context {}
-
-.context h3 {
-  font-size: 13px;
-  font-weight: bold;
-  margin: 10px 0 5px;
-}
-
 .context > .expander {
   position: relative;
   overflow: hidden;