Improved file browse page, prepared for downloads tab

app/assets/stylesheets/common.scss

@@ -583,13 +583,6 @@ ul.bordered-list li:last-child { border:none }
   }
 }
 
-.project-refs-form.commit-refs-form .chzn-container {
-  position: relative;
-  top: 0;
-  left: 0;
-  margin-right: 10px;
-}
-
 li.commit { 
   .avatar { 
     width:24px;

app/assets/stylesheets/highlight.scss

@@ -10,7 +10,8 @@ table.highlighttable
   margin:0px;
   padding:0px;
   font-size:12px;
-  table-layout:fixed
+  table-layout:fixed;
+  background: #F7F7F7;
 }
 
 td.code,
@@ -25,6 +26,8 @@ td.linenos{
   background:none;
   padding:10px 0px 0px 10px;
   margin-left:0px;
+  border-left: 1px solid #DEE2E3;
+  background: white;
 }
 
 .linenodiv pre,

app/assets/stylesheets/ref_select.scss

@@ -14,8 +14,9 @@
 
 .project-refs-form .chzn-container { 
   position: relative;
-  top: -5px;
-  left: -11px;
+  top: 0;
+  left: 0;
+  margin-right: 10px;
 
   .chzn-drop { 
     margin:7px 0;

app/assets/stylesheets/tree.scss

@@ -1,3 +1,4 @@
+#tree-holder { 
   #tree-content-holder {
     float:left;
     width:100%;
@@ -11,14 +12,6 @@
       background: #F7F7F7;
     }
   }
-#tree-breadcrumbs { 
-  div {
-    margin:0;
-    margin-bottom:20px;
-    float:left;
-    font-size:14px;
-  }
-}
 
   .tree_progress { 
     display:none;
@@ -46,30 +39,19 @@
 
   .view_file .view_file_header,
   .diff_file .diff_file_header {
-    background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.076, #fefefe), to(#F6F7F8));
-    background-image: -webkit-linear-gradient(#fefefe 7.6%, #F6F7F8);
-    background-image: -moz-linear-gradient(#fefefe 7.6%, #F6F7F8);
-    background-image: -o-linear-gradient(#fefefe 7.6%, #F6F7F8);
+    background:#f5f5f5;
     margin: 0;
     font-weight: normal;
     font-weight: bold;
     text-align: left;
     color: #666;
-    border-bottom: 1px solid #DEE2E3;
+    border-bottom: 1px solid #ccc;
     padding: 7px 10px;
 
     .mode_text,
     .file_icon { 
-      margin-right:15px;
-      padding-right:15px;
-      border-right:1px solid $lite_border_color;
-      float:left;
       color:#aaa;
     }
-
-    .file_icon { 
-      padding-left:15px;
-    }
   }
 
   .view_file {
@@ -97,8 +79,6 @@ td.code {
       margin-left: 55px;
       overflow:auto;
       overflow-y:hidden;
-    border-left: 1px solid #DEE2E3;
-    background: white;
     }
   }
   .highlight pre {
@@ -108,7 +88,6 @@ td.code {
 
   table.highlighttable {
     border: none;
-  background: #F7F7F7;
   }
   body.project-page table.highlighttable td { border: none }
   table.highlighttable tr:hover { background:none;}
@@ -144,14 +123,14 @@ table.highlighttable .linenodiv pre {
     }
   }
 
-.breadcrumb {
+  ul.breadcrumb {
     background:white;
     border:none;
 
     a { 
-    color:$link_color;
+      color:#666;
       font-weight:bold;
-    font-size:13px;
+      font-size:14px;
     }
   }
 
@@ -187,3 +166,13 @@ a.tree-commit-link {
       text-decoration: underline;
     }
   }
+
+  .arrow { 
+    background: url("images.png") no-repeat -85px -77px;
+    width: 19px;
+    height: 16px;
+    float: left;
+    position: relative;
+    left: -10px;
+  }
+}

app/views/commits/_head.html.haml

@@ -1,6 +1,6 @@
 %ul.tabs
   %li
-    = form_tag switch_project_refs_path(@project), :method => :get, :class => "project-refs-form commit-refs-form" do
+    = form_tag switch_project_refs_path(@project), :method => :get, :class => "project-refs-form" do
       = select_tag "ref", grouped_options_refs, :onchange => "$(this.form).trigger('submit');", :class => "project-refs-select"
       = hidden_field_tag :destination, "commits"
 

app/views/refs/_tree.html.haml

@@ -1,13 +1,8 @@
 %ul.breadcrumb
   %li
-    = form_tag switch_project_refs_path(@project), :method => :get, :class => "project-refs-form left", :remote => true do
-      = select_tag "ref", grouped_options_refs, :onchange => "$(this.form).trigger('submit');", :class => "project-refs-select"
-      = hidden_field_tag :destination, "tree"
-      = hidden_field_tag :path, params[:path]
-
-  %li
+    %span.arrow
     = link_to tree_project_ref_path(@project, @ref, :path => nil), :remote => true do
-      = @project.code
+      = @project.name
   - tree.breadcrumbs(6) do |link|
     \/
     %li= link

app/views/refs/_tree_file.html.haml

@@ -1,13 +1,13 @@
 :css
 .view_file
   .view_file_header
-    %strong
-      %span.file_icon= image_tag "txt.png"
-      %span.mode_text= file.mode
-      %span.file_name= name
+    .row
+      .span1.file_icon= image_tag "txt.png"
+      .span2.mode_text= file.mode
+      .span7.file_name= name
+      .span4.right
         = link_to "raw", blob_project_ref_path(@project, @ref, :path => params[:path] ), :class => "right", :target => "_blank"
         = link_to "history", project_commits_path(@project, :path => params[:path], :ref => @ref ), :class => "right", :style => "margin-right:10px;"
-      %br/
   - if file.text?
     .view_file_content
       - unless file.empty?

app/views/refs/tree.html.haml

@@ -1,3 +1,13 @@
+%ul.tabs
+  %li
+    = form_tag switch_project_refs_path(@project), :method => :get, :class => "project-refs-form", :remote => true do
+      = select_tag "ref", grouped_options_refs, :onchange => "$(this.form).trigger('submit');", :class => "project-refs-select"
+      = hidden_field_tag :destination, "tree"
+      = hidden_field_tag :path, params[:path]
+  %li{:class => "#{'active' if (controller.controller_name == "refs") }"}
+    = link_to tree_project_ref_path(@project, @ref) do 
+      Code
+
 #tree-holder= render :partial => "tree", :locals => {:repo => @repo, :commit => @commit, :tree => @tree}
 
 :javascript