[repo-viewer] Resizing works on the tree view as well

danlucraft · danlucraft · commit 962b8eeec057 · 2011-06-25T10:44:45.000+01:00
diff --git a/README.md b/README.md
@@ -28,7 +28,6 @@ The client side API implements:
  * browsing the object graph
  * creating HTML object diffs
 
-
 Usage
 -----
 
diff --git a/demos/repo-viewer/index.html b/demos/repo-viewer/index.html
@@ -3,6 +3,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <title>git.js Repo Viewer</title>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     <script src="/git.min.js"></script>
     <script src="repo-viewer.js"></script>
@@ -75,6 +76,8 @@ <h3>git.js</h3>
       </div>
       <div id="diff-view">
         <div id="diff-view-window">
+          <div id="diff">
+          </div>
         </div>
       </div>
     </div>
diff --git a/demos/repo-viewer/repo-viewer.js b/demos/repo-viewer/repo-viewer.js
@@ -193,7 +193,7 @@ RepoViewer = {
     str += "<hr>"
     str += "<pre class='message'>" + commit.message + "</pre>"
     
-    $("#diff-view-window").html(str)
+    $("#diff").html(str)
   },
   
   treeAsHash: function(tree) {
@@ -223,7 +223,7 @@ RepoViewer = {
         })
         str.push("</table>")
         str.push("<hr>")
-        $("#diff-view-window").append(str.join("\n"))
+        $("#diff").append(str.join("\n"))
         
         var str = []
         _(changes).each(function(change) {
@@ -233,7 +233,7 @@ RepoViewer = {
           str.push(diff.toHtml())
           str.push("</div>")
         })
-        $("#diff-view-window").append(str.join("\n"))
+        $("#diff").append(str.join("\n"))
       })
       treeDiffGenerator.generate()
     })
@@ -242,7 +242,7 @@ RepoViewer = {
   displayCommitDiff: function(commit) {
     RepoViewer.displayCommitDiffInfo(commit)
     if (commit.parents.length > 1) {
-      $("#diff-view-window").append("Multiple parents.")
+      $("#diff").append("Multiple parents.")
     }
     else {
       RepoViewer.displayCommitDiffDiff(commit)
diff --git a/demos/repo-viewer/style.css b/demos/repo-viewer/style.css
@@ -55,18 +55,46 @@ table#main td {
   vertical-align: top;
 }
 
+#tree-view {
+  width: 100%;
+  height: 100%;
+}
+
+#top-directory {
+  overflow: scroll;
+  width: 25%;
+  height: 100%;
+  float:left;
+}
+
+#top-directory ul {
+  margin: 0;
+  padding: 0;
+  padding-left: 10px;
+  list-style-type: none;
+}
+
+#top-directory li {
+  margin: 0;
+  padding: 0;
+  padding-left: 10px;
+  list-style-type: none;
+}
+
+#file-main {
+  width: 75%;
+  height: 100%;
+  float:left;
+}
 
 #file-view {
   overflow: scroll;
-  width: 800px;
-  height: 400px;
+  width: 100%;
+  height: 100%;
   font-size: 0.8em;
 }
 
 #file-view .syntaxhighlighter {
-  overflow: scroll;
-  width: 800px !important;
-  height: 400px;
 }
 
 #view-select a {
@@ -86,12 +114,6 @@ table#main td {
   margin-top: 10px;
 }
 
-#top-directory {
-  overflow: scroll;
-  width: 250px;
-  height: 400px;
-}
-
 #jsgit-errors { 
   color: red;
 }
@@ -118,7 +140,6 @@ table#main td {
 
 #diff-view {
   height: 100%;
-  padding: 10px;
 }
 
 #diff-view-window {
@@ -128,6 +149,10 @@ table#main td {
   font-size: 0.8em;
 }
 
+#diff-view-window #diff {
+  padding: 10px;
+}
+
 #diff-view-window .gravatar {
   padding: 3px;
   padding-bottom: 0px;
