Commit 9587506124f2a36f9b844da2c9fe17a26fe1daa9

Authored by Dmitriy Zaporozhets
1 parent 550c1828

Dont override default table with bootstrap class. Refactor table css

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...