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 | 1 | table { |
| 2 | + @extend .table; | |
| 3 | + @extend .table-striped; | |
| 4 | + @include solid_shade; | |
| 5 | + border:1px solid #bbb; | |
| 2 | 6 | width:100%; |
| 7 | + | |
| 3 | 8 | th { |
| 4 | - padding-top: 9px; | |
| 5 | 9 | font-weight: bold; |
| 6 | 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 | 16 | th, td { |
| 9 | - padding: 10px 10px 9px; | |
| 17 | + padding: 8px; | |
| 10 | 18 | line-height: 18px; |
| 11 | 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 | 2 | #tree-content-holder { |
| 3 | 3 | float:left; |
| 4 | 4 | width:100%; |
| ... | ... | @@ -11,40 +11,44 @@ |
| 11 | 11 | padding:12px; |
| 12 | 12 | background: #F7F7F7; |
| 13 | 13 | |
| 14 | - pre { | |
| 14 | + pre { | |
| 15 | 15 | overflow: auto; |
| 16 | 16 | } |
| 17 | 17 | } |
| 18 | 18 | } |
| 19 | 19 | |
| 20 | - .tree_progress { | |
| 20 | + .tree_progress { | |
| 21 | 21 | display:none; |
| 22 | 22 | margin:20px; |
| 23 | - &.loading { | |
| 23 | + &.loading { | |
| 24 | 24 | display:block; |
| 25 | 25 | } |
| 26 | 26 | } |
| 27 | 27 | |
| 28 | 28 | #tree-slider { |
| 29 | 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 | 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 | 44 | vertical-align:middle; |
| 41 | - a { | |
| 42 | - &:hover { | |
| 45 | + a { | |
| 46 | + &:hover { | |
| 43 | 47 | color:$blue_link; |
| 44 | 48 | } |
| 45 | 49 | } |
| 46 | 50 | |
| 47 | - img { | |
| 51 | + img { | |
| 48 | 52 | position: relative; |
| 49 | 53 | top:-1px; |
| 50 | 54 | } |
| ... | ... | @@ -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 | 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 | 66 | color:#333; |
| 81 | 67 | } |
| 82 | 68 | |
| 83 | - a.tree-commit-link { | |
| 69 | + a.tree-commit-link { | |
| 84 | 70 | color: #666; |
| 85 | - &:hover { | |
| 71 | + &:hover { | |
| 86 | 72 | text-decoration: underline; |
| 87 | 73 | } |
| 88 | 74 | } | ... | ... |
app/views/admin/hooks/index.html.haml
app/views/admin/projects/index.html.haml
app/views/admin/projects/show.html.haml
| ... | ... | @@ -3,7 +3,11 @@ |
| 3 | 3 | = link_to 'Edit', edit_admin_project_path(@admin_project), class: "btn right small" |
| 4 | 4 | |
| 5 | 5 | %br |
| 6 | -%table.zebra-striped.table-bordered | |
| 6 | +%table.zebra-striped | |
| 7 | + %thead | |
| 8 | + %tr | |
| 9 | + %th Project | |
| 10 | + %th | |
| 7 | 11 | %tr |
| 8 | 12 | %td |
| 9 | 13 | %b |
| ... | ... | @@ -40,7 +44,7 @@ |
| 40 | 44 | %small |
| 41 | 45 | (#{@admin_project.users_projects.count}) |
| 42 | 46 | %br |
| 43 | -%table.zebra-striped.table-bordered | |
| 47 | +%table.zebra-striped | |
| 44 | 48 | %thead |
| 45 | 49 | %tr |
| 46 | 50 | %th Name |
| ... | ... | @@ -60,7 +64,7 @@ |
| 60 | 64 | %h3 Add new team member |
| 61 | 65 | %br |
| 62 | 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 | 68 | %thead |
| 65 | 69 | %tr |
| 66 | 70 | %th Users | ... | ... |
app/views/admin/users/index.html.haml
app/views/admin/users/show.html.haml
| ... | ... | @@ -8,7 +8,11 @@ |
| 8 | 8 | |
| 9 | 9 | %br |
| 10 | 10 | |
| 11 | -%table.zebra-striped.table-bordered | |
| 11 | +%table.zebra-striped | |
| 12 | + %thead | |
| 13 | + %tr | |
| 14 | + %th Profile | |
| 15 | + %th | |
| 12 | 16 | %tr |
| 13 | 17 | %td |
| 14 | 18 | %b |
| ... | ... | @@ -57,7 +61,7 @@ |
| 57 | 61 | %h3 Add User to Projects |
| 58 | 62 | %br |
| 59 | 63 | = form_tag team_update_admin_user_path(@admin_user), class: "bulk_import", method: :put do |
| 60 | - %table.table-bordered | |
| 64 | + %table | |
| 61 | 65 | %thead |
| 62 | 66 | %tr |
| 63 | 67 | %th Projects |
| ... | ... | @@ -78,9 +82,9 @@ |
| 78 | 82 | %h3 Projects |
| 79 | 83 | %br |
| 80 | 84 | |
| 81 | - %table.zebra-striped.table-bordered | |
| 82 | - %tr | |
| 83 | - %thead | |
| 85 | + %table.zebra-striped | |
| 86 | + %thead | |
| 87 | + %tr | |
| 84 | 88 | %th Name |
| 85 | 89 | %th Project Access |
| 86 | 90 | %th | ... | ... |
app/views/hooks/index.html.haml
app/views/keys/index.html.haml
app/views/milestones/show.html.haml
| ... | ... | @@ -42,7 +42,7 @@ |
| 42 | 42 | |
| 43 | 43 | .row |
| 44 | 44 | .span6 |
| 45 | - %table.admin-table | |
| 45 | + %table | |
| 46 | 46 | %thead |
| 47 | 47 | %th Open Issues |
| 48 | 48 | - @issues.each do |issue| |
| ... | ... | @@ -56,7 +56,7 @@ |
| 56 | 56 | = paginate @issues, theme: "gitlab" |
| 57 | 57 | |
| 58 | 58 | .span6 |
| 59 | - %table.admin-table | |
| 59 | + %table | |
| 60 | 60 | %thead |
| 61 | 61 | %th Participants |
| 62 | 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 | 13 | = render partial: "refs/tree_file", locals: { name: tree.name, content: tree.data, file: tree } |
| 14 | 14 | - else |
| 15 | 15 | - contents = tree.contents |
| 16 | - %table#tree-slider.bordered-table.table{class: "table_#{@hex_path}" } | |
| 16 | + %table#tree-slider{class: "table_#{@hex_path}" } | |
| 17 | 17 | %thead |
| 18 | 18 | %th Name |
| 19 | 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 | 14 | .search_results |
| 15 | 15 | .row |
| 16 | 16 | .span6 |
| 17 | - %table.admin-table | |
| 17 | + %table | |
| 18 | 18 | %tr |
| 19 | 19 | %th Projects |
| 20 | 20 | %tbody |
| ... | ... | @@ -31,7 +31,7 @@ |
| 31 | 31 | %td |
| 32 | 32 | %h4.nothing_here_message No Projects |
| 33 | 33 | %br |
| 34 | - %table.admin-table | |
| 34 | + %table | |
| 35 | 35 | %tr |
| 36 | 36 | %th Merge Requests |
| 37 | 37 | %tbody |
| ... | ... | @@ -49,7 +49,7 @@ |
| 49 | 49 | %td |
| 50 | 50 | %h4.nothing_here_message No Merge Requests |
| 51 | 51 | .span6 |
| 52 | - %table.admin-table | |
| 52 | + %table | |
| 53 | 53 | %tr |
| 54 | 54 | %th Issues |
| 55 | 55 | %tbody | ... | ... |
app/views/snippets/index.html.haml
app/views/team_members/show.html.haml
| ... | ... | @@ -19,7 +19,7 @@ |
| 19 | 19 | %br |
| 20 | 20 | .row |
| 21 | 21 | .span6 |
| 22 | - %table.no-borders | |
| 22 | + %table.lite | |
| 23 | 23 | %tr |
| 24 | 24 | %td Email |
| 25 | 25 | %td= mail_to user.email |
| ... | ... | @@ -39,7 +39,7 @@ |
| 39 | 39 | %td Bio |
| 40 | 40 | %td= user.bio |
| 41 | 41 | .span6 |
| 42 | - %table.no-borders | |
| 42 | + %table.lite | |
| 43 | 43 | %tr |
| 44 | 44 | %td Member since |
| 45 | 45 | %td= @team_member.created_at.stamp("Aug 21, 2011") | ... | ... |
app/views/wikis/history.html.haml