Commit 8ca0b75d05b457e4335a6734582ba703404cc9c6
1 parent
c7cfe3d8
Exists in
master
and in
4 other branches
Tables refactored
Showing
22 changed files
with
97 additions
and
93 deletions
Show diff stats
app/assets/stylesheets/gitlab_bootstrap/tables.scss
1 | table { | 1 | table { |
2 | + @extend .table; | ||
3 | + @extend .table-striped; | ||
4 | + @include solid_shade; | ||
5 | + border:1px solid #bbb; | ||
2 | width:100%; | 6 | width:100%; |
7 | + | ||
3 | th { | 8 | th { |
4 | - padding-top: 9px; | ||
5 | font-weight: bold; | 9 | font-weight: bold; |
6 | vertical-align: middle; | 10 | vertical-align: middle; |
11 | + border-bottom: 1px solid #bbb; | ||
12 | + text-shadow: 0 1px 1px #fff; | ||
13 | + @include bg-dark-gray-gradient; | ||
7 | } | 14 | } |
15 | + | ||
8 | th, td { | 16 | th, td { |
9 | - padding: 10px 10px 9px; | 17 | + padding: 8px; |
10 | line-height: 18px; | 18 | line-height: 18px; |
11 | text-align: left; | 19 | text-align: left; |
12 | } | 20 | } |
13 | 21 | ||
14 | - &.bordered-table { | ||
15 | - border: 1px solid #DDD; | ||
16 | - border-collapse: separate; | ||
17 | - -webkit-border-radius: 4px; | ||
18 | - -moz-border-radius: 4px; | ||
19 | - border-radius: 4px; | ||
20 | - } | 22 | + td { |
23 | + border-color:#f1f1f1; | ||
24 | + &:first-child { | ||
25 | + border-left:1px solid #bbb; | ||
26 | + } | ||
21 | 27 | ||
22 | - &.zebra-striped { | ||
23 | - @extend .table-striped; | 28 | + &:last-child { |
29 | + border-right:1px solid #bbb; | ||
30 | + } | ||
24 | } | 31 | } |
25 | -} | ||
26 | 32 | ||
27 | -table.admin-table { | ||
28 | - @extend .table-bordered; | ||
29 | - @extend .zebra-striped; | ||
30 | - @include solid_shade; | ||
31 | - th { | ||
32 | - border-color: #CCC; | ||
33 | - border-bottom: 1px solid #bbb; | ||
34 | - @include bg-gray-gradient; | 33 | + &.bordered { |
34 | + @extend .table-bordered; | ||
35 | } | 35 | } |
36 | -} | ||
37 | 36 | ||
38 | -table.no-borders { | ||
39 | - border:none; | ||
40 | - tr, td { border:none } | 37 | + &.lite { |
38 | + border:none; | ||
39 | + box-shadow:none; | ||
40 | + tr, td { | ||
41 | + border:none; | ||
42 | + background:none !important; | ||
43 | + } | ||
44 | + } | ||
41 | } | 45 | } |
app/assets/stylesheets/sections/tree.scss
1 | -#tree-holder { | 1 | +#tree-holder { |
2 | #tree-content-holder { | 2 | #tree-content-holder { |
3 | float:left; | 3 | float:left; |
4 | width:100%; | 4 | width:100%; |
@@ -11,40 +11,44 @@ | @@ -11,40 +11,44 @@ | ||
11 | padding:12px; | 11 | padding:12px; |
12 | background: #F7F7F7; | 12 | background: #F7F7F7; |
13 | 13 | ||
14 | - pre { | 14 | + pre { |
15 | overflow: auto; | 15 | overflow: auto; |
16 | } | 16 | } |
17 | } | 17 | } |
18 | } | 18 | } |
19 | 19 | ||
20 | - .tree_progress { | 20 | + .tree_progress { |
21 | display:none; | 21 | display:none; |
22 | margin:20px; | 22 | margin:20px; |
23 | - &.loading { | 23 | + &.loading { |
24 | display:block; | 24 | display:block; |
25 | } | 25 | } |
26 | } | 26 | } |
27 | 27 | ||
28 | #tree-slider { | 28 | #tree-slider { |
29 | @include border-radius(0); | 29 | @include border-radius(0); |
30 | - .tree-item { | ||
31 | - &:hover { | ||
32 | - td { background: $hover; } | 30 | + .tree-item { |
31 | + &:hover { | ||
32 | + td { | ||
33 | + background: $hover; | ||
34 | + border-top:1px solid #FEA; | ||
35 | + border-bottom:1px solid #FEA; | ||
36 | + } | ||
33 | cursor:pointer; | 37 | cursor:pointer; |
34 | } | 38 | } |
35 | } | 39 | } |
36 | } | 40 | } |
37 | 41 | ||
38 | - .tree-item { | ||
39 | - .tree-item-file-name { | 42 | + .tree-item { |
43 | + .tree-item-file-name { | ||
40 | vertical-align:middle; | 44 | vertical-align:middle; |
41 | - a { | ||
42 | - &:hover { | 45 | + a { |
46 | + &:hover { | ||
43 | color:$blue_link; | 47 | color:$blue_link; |
44 | } | 48 | } |
45 | } | 49 | } |
46 | 50 | ||
47 | - img { | 51 | + img { |
48 | position: relative; | 52 | position: relative; |
49 | top:-1px; | 53 | top:-1px; |
50 | } | 54 | } |
@@ -52,37 +56,19 @@ | @@ -52,37 +56,19 @@ | ||
52 | } | 56 | } |
53 | 57 | ||
54 | 58 | ||
55 | - #tree-slider { | ||
56 | - @include solid_shade; | ||
57 | - width:100%; | ||
58 | - | ||
59 | - border-color:#ccc; | ||
60 | - | ||
61 | - td { | ||
62 | - padding:8px; | ||
63 | - border-color:#f1f1f1; | 59 | + #tree-slider { |
60 | + td { | ||
64 | background:#fafafa; | 61 | background:#fafafa; |
65 | } | 62 | } |
66 | - | ||
67 | - tr:first-child td:first-child, | ||
68 | - tr:first-child td:last-child { | ||
69 | - border-radius:0; | ||
70 | - } | ||
71 | - | ||
72 | - th { | ||
73 | - border-color: #CCC; | ||
74 | - border-bottom: 1px solid #bbb; | ||
75 | - @include bg-gray-gradient; | ||
76 | - } | ||
77 | } | 63 | } |
78 | 64 | ||
79 | - .tree-commit-link { | 65 | + .tree-commit-link { |
80 | color:#333; | 66 | color:#333; |
81 | } | 67 | } |
82 | 68 | ||
83 | - a.tree-commit-link { | 69 | + a.tree-commit-link { |
84 | color: #666; | 70 | color: #666; |
85 | - &:hover { | 71 | + &:hover { |
86 | text-decoration: underline; | 72 | text-decoration: underline; |
87 | } | 73 | } |
88 | } | 74 | } |
app/views/admin/hooks/index.html.haml
app/views/admin/projects/index.html.haml
@@ -6,7 +6,7 @@ | @@ -6,7 +6,7 @@ | ||
6 | = text_field_tag :name, params[:name], class: "xlarge" | 6 | = text_field_tag :name, params[:name], class: "xlarge" |
7 | = submit_tag "Search", class: "btn submit primary" | 7 | = submit_tag "Search", class: "btn submit primary" |
8 | 8 | ||
9 | -%table.admin-table | 9 | +%table |
10 | %thead | 10 | %thead |
11 | %th Name | 11 | %th Name |
12 | %th Path | 12 | %th Path |
app/views/admin/projects/show.html.haml
@@ -3,7 +3,11 @@ | @@ -3,7 +3,11 @@ | ||
3 | = link_to 'Edit', edit_admin_project_path(@admin_project), class: "btn right small" | 3 | = link_to 'Edit', edit_admin_project_path(@admin_project), class: "btn right small" |
4 | 4 | ||
5 | %br | 5 | %br |
6 | -%table.zebra-striped.table-bordered | 6 | +%table.zebra-striped |
7 | + %thead | ||
8 | + %tr | ||
9 | + %th Project | ||
10 | + %th | ||
7 | %tr | 11 | %tr |
8 | %td | 12 | %td |
9 | %b | 13 | %b |
@@ -40,7 +44,7 @@ | @@ -40,7 +44,7 @@ | ||
40 | %small | 44 | %small |
41 | (#{@admin_project.users_projects.count}) | 45 | (#{@admin_project.users_projects.count}) |
42 | %br | 46 | %br |
43 | -%table.zebra-striped.table-bordered | 47 | +%table.zebra-striped |
44 | %thead | 48 | %thead |
45 | %tr | 49 | %tr |
46 | %th Name | 50 | %th Name |
@@ -60,7 +64,7 @@ | @@ -60,7 +64,7 @@ | ||
60 | %h3 Add new team member | 64 | %h3 Add new team member |
61 | %br | 65 | %br |
62 | = form_tag team_update_admin_project_path(@admin_project), class: "bulk_import", method: :put do | 66 | = form_tag team_update_admin_project_path(@admin_project), class: "bulk_import", method: :put do |
63 | - %table.zebra-striped.table-bordered | 67 | + %table.zebra-striped |
64 | %thead | 68 | %thead |
65 | %tr | 69 | %tr |
66 | %th Users | 70 | %th Users |
app/views/admin/users/index.html.haml
app/views/admin/users/show.html.haml
@@ -8,7 +8,11 @@ | @@ -8,7 +8,11 @@ | ||
8 | 8 | ||
9 | %br | 9 | %br |
10 | 10 | ||
11 | -%table.zebra-striped.table-bordered | 11 | +%table.zebra-striped |
12 | + %thead | ||
13 | + %tr | ||
14 | + %th Profile | ||
15 | + %th | ||
12 | %tr | 16 | %tr |
13 | %td | 17 | %td |
14 | %b | 18 | %b |
@@ -57,7 +61,7 @@ | @@ -57,7 +61,7 @@ | ||
57 | %h3 Add User to Projects | 61 | %h3 Add User to Projects |
58 | %br | 62 | %br |
59 | = form_tag team_update_admin_user_path(@admin_user), class: "bulk_import", method: :put do | 63 | = form_tag team_update_admin_user_path(@admin_user), class: "bulk_import", method: :put do |
60 | - %table.table-bordered | 64 | + %table |
61 | %thead | 65 | %thead |
62 | %tr | 66 | %tr |
63 | %th Projects | 67 | %th Projects |
@@ -78,9 +82,9 @@ | @@ -78,9 +82,9 @@ | ||
78 | %h3 Projects | 82 | %h3 Projects |
79 | %br | 83 | %br |
80 | 84 | ||
81 | - %table.zebra-striped.table-bordered | ||
82 | - %tr | ||
83 | - %thead | 85 | + %table.zebra-striped |
86 | + %thead | ||
87 | + %tr | ||
84 | %th Name | 88 | %th Name |
85 | %th Project Access | 89 | %th Project Access |
86 | %th | 90 | %th |
app/views/hooks/index.html.haml
@@ -26,11 +26,12 @@ | @@ -26,11 +26,12 @@ | ||
26 | Hooks | 26 | Hooks |
27 | %small (#{@hooks.count}) | 27 | %small (#{@hooks.count}) |
28 | %br | 28 | %br |
29 | - %table.admin-table | ||
30 | - %tr | ||
31 | - %th URL | ||
32 | - %th Method | ||
33 | - %th | 29 | + %table |
30 | + %thead | ||
31 | + %tr | ||
32 | + %th URL | ||
33 | + %th Method | ||
34 | + %th | ||
34 | - @hooks.each do |hook| | 35 | - @hooks.each do |hook| |
35 | %tr | 36 | %tr |
36 | %td | 37 | %td |
app/views/keys/index.html.haml
@@ -7,7 +7,7 @@ | @@ -7,7 +7,7 @@ | ||
7 | SSH key allows you to establish a secure connection between your computer and Gitlab | 7 | SSH key allows you to establish a secure connection between your computer and Gitlab |
8 | 8 | ||
9 | 9 | ||
10 | -%table#keys-table.admin-table | 10 | +%table#keys-table |
11 | %thead | 11 | %thead |
12 | %tr | 12 | %tr |
13 | %th Name | 13 | %th Name |
app/views/milestones/show.html.haml
@@ -42,7 +42,7 @@ | @@ -42,7 +42,7 @@ | ||
42 | 42 | ||
43 | .row | 43 | .row |
44 | .span6 | 44 | .span6 |
45 | - %table.admin-table | 45 | + %table |
46 | %thead | 46 | %thead |
47 | %th Open Issues | 47 | %th Open Issues |
48 | - @issues.each do |issue| | 48 | - @issues.each do |issue| |
@@ -56,7 +56,7 @@ | @@ -56,7 +56,7 @@ | ||
56 | = paginate @issues, theme: "gitlab" | 56 | = paginate @issues, theme: "gitlab" |
57 | 57 | ||
58 | .span6 | 58 | .span6 |
59 | - %table.admin-table | 59 | + %table |
60 | %thead | 60 | %thead |
61 | %th Participants | 61 | %th Participants |
62 | - @users.each do |user| | 62 | - @users.each do |user| |
app/views/projects/_team.html.haml
app/views/projects/files.html.haml
app/views/protected_branches/index.html.haml
app/views/refs/_tree.html.haml
@@ -13,7 +13,7 @@ | @@ -13,7 +13,7 @@ | ||
13 | = render partial: "refs/tree_file", locals: { name: tree.name, content: tree.data, file: tree } | 13 | = render partial: "refs/tree_file", locals: { name: tree.name, content: tree.data, file: tree } |
14 | - else | 14 | - else |
15 | - contents = tree.contents | 15 | - contents = tree.contents |
16 | - %table#tree-slider.bordered-table.table{class: "table_#{@hex_path}" } | 16 | + %table#tree-slider{class: "table_#{@hex_path}" } |
17 | %thead | 17 | %thead |
18 | %th Name | 18 | %th Name |
19 | %th Last Update | 19 | %th Last Update |
app/views/repositories/branches.html.haml
app/views/repositories/show.html.haml
app/views/repositories/tags.html.haml
app/views/search/show.html.haml
@@ -14,7 +14,7 @@ | @@ -14,7 +14,7 @@ | ||
14 | .search_results | 14 | .search_results |
15 | .row | 15 | .row |
16 | .span6 | 16 | .span6 |
17 | - %table.admin-table | 17 | + %table |
18 | %tr | 18 | %tr |
19 | %th Projects | 19 | %th Projects |
20 | %tbody | 20 | %tbody |
@@ -31,7 +31,7 @@ | @@ -31,7 +31,7 @@ | ||
31 | %td | 31 | %td |
32 | %h4.nothing_here_message No Projects | 32 | %h4.nothing_here_message No Projects |
33 | %br | 33 | %br |
34 | - %table.admin-table | 34 | + %table |
35 | %tr | 35 | %tr |
36 | %th Merge Requests | 36 | %th Merge Requests |
37 | %tbody | 37 | %tbody |
@@ -49,7 +49,7 @@ | @@ -49,7 +49,7 @@ | ||
49 | %td | 49 | %td |
50 | %h4.nothing_here_message No Merge Requests | 50 | %h4.nothing_here_message No Merge Requests |
51 | .span6 | 51 | .span6 |
52 | - %table.admin-table | 52 | + %table |
53 | %tr | 53 | %tr |
54 | %th Issues | 54 | %th Issues |
55 | %tbody | 55 | %tbody |
app/views/snippets/index.html.haml
app/views/team_members/show.html.haml
@@ -19,7 +19,7 @@ | @@ -19,7 +19,7 @@ | ||
19 | %br | 19 | %br |
20 | .row | 20 | .row |
21 | .span6 | 21 | .span6 |
22 | - %table.no-borders | 22 | + %table.lite |
23 | %tr | 23 | %tr |
24 | %td Email | 24 | %td Email |
25 | %td= mail_to user.email | 25 | %td= mail_to user.email |
@@ -39,7 +39,7 @@ | @@ -39,7 +39,7 @@ | ||
39 | %td Bio | 39 | %td Bio |
40 | %td= user.bio | 40 | %td= user.bio |
41 | .span6 | 41 | .span6 |
42 | - %table.no-borders | 42 | + %table.lite |
43 | %tr | 43 | %tr |
44 | %td Member since | 44 | %td Member since |
45 | %td= @team_member.created_at.stamp("Aug 21, 2011") | 45 | %td= @team_member.created_at.stamp("Aug 21, 2011") |
app/views/wikis/history.html.haml