Commit be79c9def9c90e9359f67058befae1d7b914e557

Authored by Dmitriy Zaporozhets
1 parent a27ee184

CSS improvements for diff & file view

@@ -32,7 +32,7 @@ gem "httparty" @@ -32,7 +32,7 @@ gem "httparty"
32 gem "charlock_holmes" 32 gem "charlock_holmes"
33 gem "foreman" 33 gem "foreman"
34 gem "omniauth-ldap" 34 gem "omniauth-ldap"
35 -gem 'bootstrap-sass', "2.0.2" 35 +gem 'bootstrap-sass', "2.0.3"
36 gem "colored" 36 gem "colored"
37 gem 'yaml_db', :git => "https://github.com/gitlabhq/yaml_db.git" 37 gem 'yaml_db', :git => "https://github.com/gitlabhq/yaml_db.git"
38 gem 'modularity' 38 gem 'modularity'
@@ -81,7 +81,7 @@ GEM @@ -81,7 +81,7 @@ GEM
81 awesome_print (1.0.2) 81 awesome_print (1.0.2)
82 bcrypt-ruby (3.0.1) 82 bcrypt-ruby (3.0.1)
83 blankslate (2.1.2.4) 83 blankslate (2.1.2.4)
84 - bootstrap-sass (2.0.2) 84 + bootstrap-sass (2.0.3)
85 builder (3.0.0) 85 builder (3.0.0)
86 capybara (1.1.2) 86 capybara (1.1.2)
87 mime-types (>= 1.16) 87 mime-types (>= 1.16)
@@ -321,7 +321,7 @@ DEPENDENCIES @@ -321,7 +321,7 @@ DEPENDENCIES
321 autotest 321 autotest
322 autotest-rails 322 autotest-rails
323 awesome_print 323 awesome_print
324 - bootstrap-sass (= 2.0.2) 324 + bootstrap-sass (= 2.0.3)
325 capybara 325 capybara
326 carrierwave 326 carrierwave
327 charlock_holmes 327 charlock_holmes
app/assets/stylesheets/common.scss
@@ -458,9 +458,17 @@ input.git_clone_url { @@ -458,9 +458,17 @@ input.git_clone_url {
458 margin-bottom:1em; 458 margin-bottom:1em;
459 459
460 .diff_file_header { 460 .diff_file_header {
461 - padding:5px 5px; 461 + padding:7px 5px;
462 border-bottom:1px solid #CCC; 462 border-bottom:1px solid #CCC;
463 background: #eee; 463 background: #eee;
  464 + background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
  465 + background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
  466 + background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
  467 + background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
  468 +
  469 + span {
  470 + font-size:14px;
  471 + }
464 } 472 }
465 .diff_file_content { 473 .diff_file_content {
466 overflow:auto; 474 overflow:auto;
@@ -495,8 +503,8 @@ input.git_clone_url { @@ -495,8 +503,8 @@ input.git_clone_url {
495 margin:0px; 503 margin:0px;
496 padding:0px; 504 padding:0px;
497 border:none; 505 border:none;
498 - background:#F7F7F7;  
499 - color:#aaa; 506 + background:#EEE;
  507 + color:#666;
500 padding: 0px 5px; 508 padding: 0px 5px;
501 border-right: 1px solid #ccc; 509 border-right: 1px solid #ccc;
502 text-align:right; 510 text-align:right;
@@ -510,7 +518,7 @@ input.git_clone_url { @@ -510,7 +518,7 @@ input.git_clone_url {
510 float:left; 518 float:left;
511 width:35px; 519 width:35px;
512 font-weight:normal; 520 font-weight:normal;
513 - color:#aaa; 521 + color:#666;
514 &:hover { 522 &:hover {
515 text-decoration:underline; 523 text-decoration:underline;
516 } 524 }
app/assets/stylesheets/highlight.black.scss
1 .black .highlighttable { 1 .black .highlighttable {
2 - background: #333;  
3 td.linenos { border:none; } 2 td.linenos { border:none; }
4 pre { color: #eee } 3 pre { color: #eee }
5 .highlight { background: #333; border-left:1px solid #555; } 4 .highlight { background: #333; border-left:1px solid #555; }
app/assets/stylesheets/highlight.scss
@@ -11,7 +11,7 @@ table.highlighttable @@ -11,7 +11,7 @@ table.highlighttable
11 padding:0px; 11 padding:0px;
12 font-size:12px; 12 font-size:12px;
13 table-layout:fixed; 13 table-layout:fixed;
14 - background: #F7F7F7; 14 + background: #EEE;
15 } 15 }
16 16
17 td.code, 17 td.code,
@@ -44,7 +44,7 @@ td.linenos{ @@ -44,7 +44,7 @@ td.linenos{
44 44
45 td.linenos { 45 td.linenos {
46 /*background:#F7F7F7;*/ 46 /*background:#F7F7F7;*/
47 - color:#777; 47 + color:#666;
48 padding:10px 0px 0px 10px; 48 padding:10px 0px 0px 10px;
49 float:left; 49 float:left;
50 width:45px; 50 width:45px;
app/assets/stylesheets/sections/projects.scss
@@ -8,6 +8,11 @@ @@ -8,6 +8,11 @@
8 @extend .right; 8 @extend .right;
9 9
10 .projects_box { 10 .projects_box {
  11 + h5 {
  12 + color:$style_color;
  13 + font-size:16px;
  14 + text-shadow: 0 1px 1px #fff;
  15 + }
11 @extend .leftbar; 16 @extend .leftbar;
12 @extend .ui-box; 17 @extend .ui-box;
13 } 18 }
app/assets/stylesheets/tree.scss
@@ -53,14 +53,14 @@ @@ -53,14 +53,14 @@
53 padding: 9px 10px; 53 padding: 9px 10px;
54 height:18px; 54 height:18px;
55 55
56 - .mode_text,  
57 - .file_icon {  
58 - color:#777;  
59 - }  
60 -  
61 .file_name { 56 .file_name {
62 - color:#474D57; 57 + color:$style_color;
  58 + font-size:14px;
63 text-shadow: 0 1px 1px #fff; 59 text-shadow: 0 1px 1px #fff;
  60 + small {
  61 + color:#999;
  62 + font-size:13px;
  63 + }
64 } 64 }
65 } 65 }
66 66
@@ -110,7 +110,7 @@ @@ -110,7 +110,7 @@
110 table.highlighttable .linenodiv pre { 110 table.highlighttable .linenodiv pre {
111 text-align: right; 111 text-align: right;
112 padding-right: 4px; 112 padding-right: 4px;
113 - color:#888; 113 + color:#666;
114 } 114 }
115 115
116 #tree-slider { 116 #tree-slider {
app/views/commits/_diffs.html.haml
@@ -23,10 +23,12 @@ @@ -23,10 +23,12 @@
23 .diff_file 23 .diff_file
24 .diff_file_header 24 .diff_file_header
25 - if diff.deleted_file 25 - if diff.deleted_file
26 - %strong{:id => "#{diff.old_path}"}= diff.old_path 26 + %i.icon-file
  27 + %span{:id => "#{diff.old_path}"}= diff.old_path
27 - else 28 - else
28 = link_to tree_file_project_ref_path(@project, @commit.id, diff.new_path) do 29 = link_to tree_file_project_ref_path(@project, @commit.id, diff.new_path) do
29 - %strong{:id => "#{diff.new_path}"}= diff.new_path 30 + %i.icon-file
  31 + %span{:id => "#{diff.new_path}"}= diff.new_path
30 %br/ 32 %br/
31 .diff_file_content 33 .diff_file_content
32 - if file.text? 34 - if file.text?
app/views/layouts/_app_menu.html.haml
@@ -6,5 +6,6 @@ @@ -6,5 +6,6 @@
6 = link_to dashboard_merge_requests_path, :class => "#{"current" if current_page?(dashboard_merge_requests_path)}", :id => "merge_requests_slide" do 6 = link_to dashboard_merge_requests_path, :class => "#{"current" if current_page?(dashboard_merge_requests_path)}", :id => "merge_requests_slide" do
7 Requests 7 Requests
8 %span.count= current_user.cared_merge_requests.count 8 %span.count= current_user.cared_merge_requests.count
9 - = link_to "Search", search_path, :class => "#{"current" if current_page?(search_path)}" 9 + = link_to search_path, :class => "#{"current" if current_page?(search_path)}" do
  10 + Search
10 = link_to "Help", help_path, :class => "#{"current" if controller.controller_name == "help"}" 11 = link_to "Help", help_path, :class => "#{"current" if controller.controller_name == "help"}"
app/views/layouts/_project_menu.html.haml
@@ -2,7 +2,8 @@ @@ -2,7 +2,8 @@
2 = link_to @project.code, project_path(@project), :class => "home #{project_tab_class}", :title => "Project" 2 = link_to @project.code, project_path(@project), :class => "home #{project_tab_class}", :title => "Project"
3 - if @project.repo_exists? 3 - if @project.repo_exists?
4 - if can? current_user, :download_code, @project 4 - if can? current_user, :download_code, @project
5 - = link_to "Files", tree_project_ref_path(@project, @project.root_ref), :class => tree_tab_class 5 + = link_to tree_project_ref_path(@project, @project.root_ref), :class => tree_tab_class do
  6 + Files
6 = link_to "Commits", project_commits_path(@project), :class => commit_tab_class 7 = link_to "Commits", project_commits_path(@project), :class => commit_tab_class
7 8
8 = link_to "Network", graph_project_path(@project), :class => current_page?(:controller => "projects", :action => "graph", :id => @project) ? "current" : nil 9 = link_to "Network", graph_project_path(@project), :class => current_page?(:controller => "projects", :action => "graph", :id => @project) ? "current" : nil
app/views/projects/index.html.haml
@@ -11,7 +11,7 @@ @@ -11,7 +11,7 @@
11 to your profile 11 to your profile
12 - if @events.any? 12 - if @events.any?
13 = render @events 13 = render @events
14 - - else 14 + - else
15 .padded 15 .padded
16 %strong.cgray Projects activity will be displayed here 16 %strong.cgray Projects activity will be displayed here
17 .side 17 .side
app/views/refs/_tree_file.html.haml
1 :css 1 :css
2 .view_file 2 .view_file
3 .view_file_header 3 .view_file_header
4 - .row  
5 - .span1.file_icon= image_tag(file.image? ? "file_img.png" : "file_txt.png")  
6 - .span2.mode_text= file.mode  
7 - .span5.file_name= name  
8 - .span3.right  
9 - = link_to "raw", blob_project_ref_path(@project, @ref, :path => params[:path]), :class => "right", :target => "_blank"  
10 - = link_to "history", project_commits_path(@project, :path => params[:path], :ref => @ref), :class => "right", :style => "margin-right:10px;" 4 + %i.icon-file
  5 + %span.file_name
  6 + = name
  7 + %small #{file.mode}
  8 + %span.right
  9 + = link_to "raw", blob_project_ref_path(@project, @ref, :path => params[:path]), :class => "right", :target => "_blank"
  10 + = link_to "history", project_commits_path(@project, :path => params[:path], :ref => @ref), :class => "right", :style => "margin-right:10px;"
11 - if file.text? 11 - if file.text?
12 - if name =~ /\.(md|markdown)$/i 12 - if name =~ /\.(md|markdown)$/i
13 #tree-readme-holder 13 #tree-readme-holder
app/views/snippets/show.html.haml
@@ -11,6 +11,7 @@ @@ -11,6 +11,7 @@
11 #tree-content-holder 11 #tree-content-holder
12 .view_file 12 .view_file
13 .view_file_header 13 .view_file_header
  14 + %i.icon-file
14 %strong= @snippet.file_name 15 %strong= @snippet.file_name
15 .view_file_content 16 .view_file_content
16 %div{:class => current_user.dark_scheme ? "black" : ""} 17 %div{:class => current_user.dark_scheme ? "black" : ""}