Structure tweaks to get full-page data with no scrolling, in preparation for some moving work.
authorBenjamin Smedberg <benjamin@smedbergs.us>
Tue, 25 Mar 2008 15:34:33 -0400
changeset 5 1e12e9eb263f1d2278e08f4d9a3bc9a641d7c85e
parent 4 c2b8096ba5a270a1dc713c0f9263b385af4d77b4
child 6 43ab80cd01cd8a3f3f798c435281e40e46263997
push id1
push userbsmedberg@mozilla.com
push dateMon, 14 Apr 2008 15:21:26 +0000
Structure tweaks to get full-page data with no scrolling, in preparation for some moving work.
www/index.xhtml
--- a/www/index.xhtml
+++ b/www/index.xhtml
@@ -4,47 +4,38 @@
 <head>
   <title>Mercurial Repository Viewer</title>
   <style type="text/css">
     body {
       margin: 0px;
       padding: 0px;
       font-family: sans-serif;
       font-size: 10px;
+      overflow: hidden;
     }
     #topnav {
+      position: absolute;
+      width: 100%;
       text-align: right;
       background-color: black;
       color: white;
       padding: 3px;
     }
     #select-repo {
       float: left;
     }
     input, select {
       border: 1px solid #888;
     }
-    #outside-scrolling {
-      position: relative;
-      background-color: grey;
-      padding: 0px;
-    }
-    #arrows {
+    #arrows, #inside-scrolling {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
-      height: 400px;
-    }
-    #inside-scrolling {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 400px;
+      height: 100%;
     }
     .revision {
       position: absolute;
       border: 1px solid black;
       padding: 1px;
       width: 250px;
       text-align: center;
       max-height: 250px;
@@ -58,51 +49,47 @@
       marker-end: url(#arrowhead);
     }
   </style>
   <script type="text/javascript" src="jquery-1.2.3.js" />
   <script type="text/javascript" src="jquery.history.js" />
   <script type="text/javascript" src="navigate.js" />
 </head>
 <body onload="init()">
+  <svg id="arrows" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+      <marker id="arrowhead"
+	      viewBox="0 0 10 10" refX="10" refY="5"
+	      markerUnits="strokeWidth"
+	      markerWidth="6"
+	      markerHeight="4"
+	      orient="auto">
+	<path d="M 0 0 L 10 5 L 0 10 z" />
+      </marker>
+      <line id="arrow-template" class="arrow"
+	    x1="500" y1="350" x2="200" y2="300" />
+    </defs>
+    <g id="scroller" transform="translate(0,0)">
+    </g>
+  </svg>
+  <div id="inside-scrolling" />
+
+  <div id="revision-template"
+       class="revision">
+    <div class="node">{Node}</div>
+    <div class="user">{User}</div>
+    <div class="date">{Date}</div>
+    <div class="desc">{Description}</div>
+  </div>
+
   <div id="topnav">
     <select id="select-repo">
       <option value="mozilla-central">mozilla-central</option>
       <option value="mercurial-crew">mercurial-crew</option>
     </select>
 
     <input
       type="text" id="node-input" value="tip"
       title="Enter a revision, node ID or tag to navigate to that changeset." />
     <input type="button" value="Go" id="node-choose" />
   </div>
-
-  <div id="outside-scrolling">
-    <svg id="arrows" xmlns="http://www.w3.org/2000/svg">
-      <defs>
-	<marker id="arrowhead"
-		viewBox="0 0 10 10" refX="10" refY="5"
-		markerUnits="strokeWidth"
-		markerWidth="6"
-		markerHeight="4"
-		orient="auto">
-	  <path d="M 0 0 L 10 5 L 0 10 z" />
-	</marker>
-	<line id="arrow-template" class="arrow"
-	      x1="500" y1="350" x2="200" y2="300" />
-      </defs>
-      <!-- <rect x="0" y="0" width="800" height="400" stroke="red" stroke-width="7" fill="none" /> -->
-      <g id="scroller" transform="translate(0,0)">
-	<!--<rect x="0" y="0" width="800" height="400" stroke="blue" stroke-width="5" fill="none" />-->
-      </g>
-    </svg>
-    <div id="inside-scrolling" />
-  </div>
-
-  <div id="revision-template"
-       class="revision">
-    <div class="node">{Node}</div>
-    <div class="user">{User}</div>
-    <div class="date">{Date}</div>
-    <div class="desc">{Description}</div>
-  </div>
 </body>
 </html>