Commit 9587506124f2a36f9b844da2c9fe17a26fe1daa9
1 parent
550c1828
Exists in
master
and in
4 other branches
Dont override default table with bootstrap class. Refactor table css
Showing
7 changed files
with
31 additions
and
96 deletions
Show diff stats
app/assets/stylesheets/gitlab_bootstrap.scss
| @@ -62,6 +62,5 @@ $baseLineHeight: 18px !default; | @@ -62,6 +62,5 @@ $baseLineHeight: 18px !default; | ||
| 62 | @import "gitlab_bootstrap/buttons.scss"; | 62 | @import "gitlab_bootstrap/buttons.scss"; |
| 63 | @import "gitlab_bootstrap/blocks.scss"; | 63 | @import "gitlab_bootstrap/blocks.scss"; |
| 64 | @import "gitlab_bootstrap/files.scss"; | 64 | @import "gitlab_bootstrap/files.scss"; |
| 65 | -@import "gitlab_bootstrap/tables.scss"; | ||
| 66 | @import "gitlab_bootstrap/lists.scss"; | 65 | @import "gitlab_bootstrap/lists.scss"; |
| 67 | @import "gitlab_bootstrap/forms.scss"; | 66 | @import "gitlab_bootstrap/forms.scss"; |
app/assets/stylesheets/gitlab_bootstrap/files.scss
| @@ -6,6 +6,10 @@ | @@ -6,6 +6,10 @@ | ||
| 6 | border: 1px solid #CCC; | 6 | border: 1px solid #CCC; |
| 7 | margin-bottom: 1em; | 7 | margin-bottom: 1em; |
| 8 | 8 | ||
| 9 | + table { | ||
| 10 | + @extend .table; | ||
| 11 | + } | ||
| 12 | + | ||
| 9 | .file-title { | 13 | .file-title { |
| 10 | border-bottom: 1px solid #bbb; | 14 | border-bottom: 1px solid #bbb; |
| 11 | @include bg-dark-gray-gradient; | 15 | @include bg-dark-gray-gradient; |
app/assets/stylesheets/gitlab_bootstrap/mixins.scss
| @@ -95,6 +95,14 @@ | @@ -95,6 +95,14 @@ | ||
| 95 | font-size: 14px; | 95 | font-size: 14px; |
| 96 | line-height: 1.5; | 96 | line-height: 1.5; |
| 97 | } | 97 | } |
| 98 | + | ||
| 99 | + table { | ||
| 100 | + @extend .table; | ||
| 101 | + @extend .table-bordered; | ||
| 102 | + th { | ||
| 103 | + background: #EEE; | ||
| 104 | + } | ||
| 105 | + } | ||
| 98 | } | 106 | } |
| 99 | 107 | ||
| 100 | @mixin page-title { | 108 | @mixin page-title { |
app/assets/stylesheets/gitlab_bootstrap/tables.scss
| @@ -1,68 +0,0 @@ | @@ -1,68 +0,0 @@ | ||
| 1 | -table { | ||
| 2 | - @extend .table; | ||
| 3 | - @extend .table-striped; | ||
| 4 | - border: 1px solid #CCC; | ||
| 5 | - width: 100%; | ||
| 6 | - | ||
| 7 | - &.low { | ||
| 8 | - td { | ||
| 9 | - line-height: 18px; | ||
| 10 | - } | ||
| 11 | - } | ||
| 12 | - | ||
| 13 | - &.headless { | ||
| 14 | - tr:first-child td{ | ||
| 15 | - border-top: 1px solid #CCC; | ||
| 16 | - } | ||
| 17 | - } | ||
| 18 | - | ||
| 19 | - th { | ||
| 20 | - font-weight: normal; | ||
| 21 | - font-size: 15px; | ||
| 22 | - vertical-align: middle; | ||
| 23 | - border-bottom: 1px solid #CCC; | ||
| 24 | - text-shadow: 0 1px 1px #fff; | ||
| 25 | - | ||
| 26 | - ul.nav { | ||
| 27 | - text-shadow: none; | ||
| 28 | - margin: 0; | ||
| 29 | - } | ||
| 30 | - } | ||
| 31 | - | ||
| 32 | - th, td { | ||
| 33 | - padding: 10px; | ||
| 34 | - line-height: 18px; | ||
| 35 | - text-align: left; | ||
| 36 | - } | ||
| 37 | - | ||
| 38 | - td { | ||
| 39 | - border-color: #f1f1f1; | ||
| 40 | - line-height: 28px; | ||
| 41 | - | ||
| 42 | - .s16 { | ||
| 43 | - margin-top: 5px; | ||
| 44 | - margin-right: 5px; | ||
| 45 | - } | ||
| 46 | - | ||
| 47 | - &:first-child { | ||
| 48 | - border-left: 1px solid #CCC; | ||
| 49 | - } | ||
| 50 | - | ||
| 51 | - &:last-child { | ||
| 52 | - border-right: 1px solid #CCC; | ||
| 53 | - } | ||
| 54 | - } | ||
| 55 | - | ||
| 56 | - &.bordered { | ||
| 57 | - @extend .table-bordered; | ||
| 58 | - } | ||
| 59 | - | ||
| 60 | - &.lite { | ||
| 61 | - border: none; | ||
| 62 | - box-shadow: none; | ||
| 63 | - tr, td { | ||
| 64 | - border: none; | ||
| 65 | - background:none !important; | ||
| 66 | - } | ||
| 67 | - } | ||
| 68 | -} |
app/assets/stylesheets/sections/tree.scss
| @@ -13,13 +13,21 @@ | @@ -13,13 +13,21 @@ | ||
| 13 | } | 13 | } |
| 14 | 14 | ||
| 15 | .tree-table { | 15 | .tree-table { |
| 16 | + @extend .table; | ||
| 16 | @include border-radius(0); | 17 | @include border-radius(0); |
| 17 | - .tree-item { | ||
| 18 | - td { | 18 | + |
| 19 | + tr { | ||
| 20 | + td, th { | ||
| 19 | padding: 8px 10px; | 21 | padding: 8px 10px; |
| 20 | - strong { | ||
| 21 | - font-weight: normal; | ||
| 22 | - } | 22 | + line-height: 20px; |
| 23 | + } | ||
| 24 | + th { | ||
| 25 | + font-weight: normal; | ||
| 26 | + font-size: 15px; | ||
| 27 | + border-bottom: 1px solid #CCC; | ||
| 28 | + } | ||
| 29 | + td { | ||
| 30 | + border-color: #F1F1F1; | ||
| 23 | } | 31 | } |
| 24 | &:hover { | 32 | &:hover { |
| 25 | td { | 33 | td { |
| @@ -29,12 +37,11 @@ | @@ -29,12 +37,11 @@ | ||
| 29 | } | 37 | } |
| 30 | cursor: pointer; | 38 | cursor: pointer; |
| 31 | } | 39 | } |
| 32 | - | ||
| 33 | &.selected { | 40 | &.selected { |
| 34 | td { | 41 | td { |
| 35 | - background: $hover; | ||
| 36 | - border-top: 1px solid #ADF; | ||
| 37 | - border-bottom: 1px solid #ADF; | 42 | + background: #f5f5f5; |
| 43 | + border-top: 1px solid #EEE; | ||
| 44 | + border-bottom: 1px solid #EEE; | ||
| 38 | } | 45 | } |
| 39 | } | 46 | } |
| 40 | } | 47 | } |
| @@ -56,21 +63,6 @@ | @@ -56,21 +63,6 @@ | ||
| 56 | } | 63 | } |
| 57 | } | 64 | } |
| 58 | 65 | ||
| 59 | - .tree-table { | ||
| 60 | - border: none; | ||
| 61 | - | ||
| 62 | - th .btn { | ||
| 63 | - margin: -2px -1px; | ||
| 64 | - padding: 2px 10px; | ||
| 65 | - } | ||
| 66 | - td { | ||
| 67 | - line-height: 20px; | ||
| 68 | - background: #fff; | ||
| 69 | - border-left: none; | ||
| 70 | - border-right: none; | ||
| 71 | - } | ||
| 72 | - } | ||
| 73 | - | ||
| 74 | .tree_author { | 66 | .tree_author { |
| 75 | padding-right: 8px; | 67 | padding-right: 8px; |
| 76 | 68 | ||
| @@ -125,4 +117,4 @@ | @@ -125,4 +117,4 @@ | ||
| 125 | .tree-ref-holder { | 117 | .tree-ref-holder { |
| 126 | float: left; | 118 | float: left; |
| 127 | margin-top: 5px; | 119 | margin-top: 5px; |
| 128 | -} | ||
| 129 | \ No newline at end of file | 120 | \ No newline at end of file |
| 121 | +} |
app/views/projects/tree/_tree.html.haml
| @@ -26,7 +26,7 @@ | @@ -26,7 +26,7 @@ | ||
| 26 | = link_to @commit.short_id, project_commit_path(@project, @commit) | 26 | = link_to @commit.short_id, project_commit_path(@project, @commit) |
| 27 | – | 27 | – |
| 28 | = truncate(@commit.title, length: 50) | 28 | = truncate(@commit.title, length: 50) |
| 29 | - %th= link_to "history", project_commits_path(@project, @id), class: "btn btn-tiny pull-right" | 29 | + %th= link_to "history", project_commits_path(@project, @id), class: "pull-right" |
| 30 | 30 | ||
| 31 | - if tree.up_dir? | 31 | - if tree.up_dir? |
| 32 | %tr.tree-item | 32 | %tr.tree-item |
app/views/projects/tree/_tree_item.html.haml
| 1 | %tr{ class: "tree-item #{tree_hex_class(tree_item)}" } | 1 | %tr{ class: "tree-item #{tree_hex_class(tree_item)}" } |
| 2 | %td.tree-item-file-name | 2 | %td.tree-item-file-name |
| 3 | = tree_icon(type) | 3 | = tree_icon(type) |
| 4 | - %strong= link_to truncate(tree_item.name, length: 40), project_tree_path(@project, tree_join(@id || @commit.id, tree_item.name)) | 4 | + %span= link_to truncate(tree_item.name, length: 40), project_tree_path(@project, tree_join(@id || @commit.id, tree_item.name)) |
| 5 | %td.tree_time_ago.cgray | 5 | %td.tree_time_ago.cgray |
| 6 | %span.log_loading.hide | 6 | %span.log_loading.hide |
| 7 | Loading commit data... | 7 | Loading commit data... |