Commit bef29f0797af43e1102579c75b598501555019fd

Authored by Dmitriy Zaporozhets
1 parent fed0da80

project, commits page with bootstrap

app/assets/javascripts/merge_requests.js
@@ -4,17 +4,17 @@ var MergeRequest = { @@ -4,17 +4,17 @@ var MergeRequest = {
4 4
5 init: 5 init:
6 function() { 6 function() {
7 - $(".merge-tabs a").live("click", function() {  
8 - $(".merge-tabs a").removeClass("active");  
9 - $(this).addClass("active"); 7 + $(".tabs a").live("click", function() {
  8 + $(".tabs a").parent().removeClass("active");
  9 + $(this).parent().addClass("active");
10 }); 10 });
11 11
12 - $(".merge-tabs a.merge-notes-tab").live("click", function() { 12 + $(".tabs a.merge-notes-tab").live("click", function() {
13 $(".merge-request-commits, .merge-request-diffs").hide(); 13 $(".merge-request-commits, .merge-request-diffs").hide();
14 $(".merge-request-notes").show(); 14 $(".merge-request-notes").show();
15 }); 15 });
16 16
17 - $(".merge-tabs a.merge-commits-tab").live("click", function() { 17 + $(".tabs a.merge-commits-tab").live("click", function() {
18 if(!MergeRequest.commits_loaded) { 18 if(!MergeRequest.commits_loaded) {
19 MergeRequest.loadCommits(); 19 MergeRequest.loadCommits();
20 } 20 }
@@ -22,7 +22,7 @@ var MergeRequest = { @@ -22,7 +22,7 @@ var MergeRequest = {
22 $(".merge-request-commits").show(); 22 $(".merge-request-commits").show();
23 }); 23 });
24 24
25 - $(".merge-tabs a.merge-diffs-tab").live("click", function() { 25 + $(".tabs a.merge-diffs-tab").live("click", function() {
26 if(!MergeRequest.diffs_loaded) { 26 if(!MergeRequest.diffs_loaded) {
27 MergeRequest.loadDiff(); 27 MergeRequest.loadDiff();
28 } 28 }
app/assets/stylesheets/buttons.scss
@@ -116,26 +116,3 @@ input.button{margin-bottom: 1.5em} @@ -116,26 +116,3 @@ input.button{margin-bottom: 1.5em}
116 .button-green{background: #A6B807; color: white} 116 .button-green{background: #A6B807; color: white}
117 117
118 118
119 -.commit-button{  
120 - background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.192, #fff), to(#f4f4f4));  
121 - background-image: -webkit-linear-gradient(#fff 19.2%, #f4f4f4);  
122 - background-image: -moz-linear-gradient(#fff 19.2%, #f4f4f4);  
123 - background-image: -o-linear-gradient(#fff 19.2%, #f4f4f4);  
124 - box-shadow: 0 -1px 0 white inset;  
125 - display: block;  
126 - border: 1px solid #eee;  
127 - border-radius: 5px;  
128 - margin-bottom: 2px;  
129 - position: relative;  
130 - padding-right: 20px !important;  
131 -}  
132 -  
133 -.commit-button i{  
134 - background: url('images.png') no-repeat -138px -27px;  
135 - width: 6px;  
136 - height: 9px;  
137 - float: right;  
138 - position: absolute;  
139 - top: 6px;  
140 - right: 5px;  
141 -}  
app/assets/stylesheets/commits.css.scss
1 -/* Commit Page */  
2 -.commit-info{float: right;}  
3 -.commit-info data{  
4 - padding: 4px 10px;  
5 - font-size: 11px;  
6 -}  
7 -.commits-date {display: block; width: 100%; margin-bottom: 20px}  
8 -.commits-date .data {padding: 0}  
9 -a.commit{padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;}  
10 -a.commit {padding: 10px; border-bottom: none; overflow: hidden; display: block;}  
11 -a.commit:last-child{border-bottom: 0}  
12 -a.commit img{float: left; margin-right: 10px;}  
13 -a.commit .commit-title{display: block;}  
14 -a.commit .commit-title{margin-bottom: 10px}  
15 -a.commit .commit-author{color: #999; font-weight: normal; font-style: italic;}  
16 -a.commit .commit-author strong{font-weight: bold; font-style: normal;} 1 +/**
  2 + *
  3 + * COMMIT SHOw
  4 + *
  5 + */
  6 +
17 7
18 -/* eo Commit Page */  
19 -/** Commit diff view **/  
20 .diff_file { 8 .diff_file {
21 border:1px solid #CCC; 9 border:1px solid #CCC;
22 margin-bottom:1em; 10 margin-bottom:1em;
@@ -49,6 +37,11 @@ a.commit .commit-author strong{font-weight: bold; font-style: normal;} @@ -49,6 +37,11 @@ a.commit .commit-author strong{font-weight: bold; font-style: normal;}
49 border:none; 37 border:none;
50 margin:0px; 38 margin:0px;
51 padding:0px; 39 padding:0px;
  40 + tr {
  41 + td {
  42 + font-size:12px;
  43 + }
  44 + }
52 } 45 }
53 .old_line, .new_line { 46 .old_line, .new_line {
54 margin:0px; 47 margin:0px;
@@ -87,14 +80,6 @@ a.commit .commit-author strong{font-weight: bold; font-style: normal;} @@ -87,14 +80,6 @@ a.commit .commit-author strong{font-weight: bold; font-style: normal;}
87 } 80 }
88 } 81 }
89 82
90 -pre.commit_message {  
91 - white-space: pre-wrap;  
92 - font-family: "Helvetica", sans-serif;  
93 - color: #555;  
94 - font-weight:bold;  
95 - font-size:15px;  
96 -}  
97 -  
98 /** COMMIT BLOCK **/ 83 /** COMMIT BLOCK **/
99 .commit-title{display: block;} 84 .commit-title{display: block;}
100 .commit-title{margin-bottom: 10px} 85 .commit-title{margin-bottom: 10px}
@@ -124,45 +109,50 @@ ul.bordered-list li:last-child { border:none } @@ -124,45 +109,50 @@ ul.bordered-list li:last-child { border:none }
124 } 109 }
125 } 110 }
126 111
127 -.per_line_form {  
128 - font-family: "Helvetica", sans-serif;  
129 - background: #2FA0BB;  
130 -  
131 - td {  
132 - padding:0;  
133 - }  
134 112
135 - form {  
136 - margin:5px;  
137 - width: 756px;  
138 - border: 1px solid #CCC;  
139 - padding: 20px;  
140 - background: white;  
141 - } 113 +tr.line_notes_row {
  114 + border-bottom:1px solid #DDD;
142 } 115 }
143 116
  117 +/**
  118 + *
  119 + * COMMIT LIST
  120 + *
  121 + */
144 122
145 -tr.line_notes_row {  
146 - font-family: "Helvetica", sans-serif;  
147 - &:hover {  
148 - background:none;  
149 - }  
150 - td {  
151 - margin:0px;  
152 - padding:0px;  
153 - border-bottom:1px solid #DEE2E3;  
154 - 123 +.commit-info{float: right;}
  124 +.commit-info data{
  125 + padding: 4px 10px;
  126 + font-size: 11px;
  127 +}
  128 +a.commit{padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
  129 +a.commit:last-child {border-bottom: 0}
  130 +a.commit img{float: left; margin-right: 10px;}
  131 +a.commit .commit-title{display: block;}
  132 +a.commit .commit-title{margin-bottom: 10px}
  133 +a.commit .commit-author{color: #999; font-weight: normal; font-style: italic;}
  134 +a.commit .commit-author strong{font-weight: bold; font-style: normal;}
155 135
156 - ul {  
157 - display:block;  
158 - list-style:none;  
159 - margin:0px;  
160 - padding:0px; 136 +.commit-button{
  137 + background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.192, #fff), to(#f4f4f4));
  138 + background-image: -webkit-linear-gradient(#fff 19.2%, #f4f4f4);
  139 + background-image: -moz-linear-gradient(#fff 19.2%, #f4f4f4);
  140 + background-image: -o-linear-gradient(#fff 19.2%, #f4f4f4);
  141 + box-shadow: 0 -1px 0 white inset;
  142 + display: block;
  143 + border: 1px solid #eee;
  144 + border-radius: 5px;
  145 + margin-bottom: 2px;
  146 + position: relative;
  147 + padding-right: 20px !important;
  148 +}
161 149
162 - li {  
163 - border-top:1px solid #DEE2E3;  
164 - padding:10px;  
165 - }  
166 - }  
167 - } 150 +.commit-button i{
  151 + background: url('images.png') no-repeat -138px -27px;
  152 + width: 6px;
  153 + height: 9px;
  154 + float: right;
  155 + position: absolute;
  156 + top: 6px;
  157 + right: 5px;
168 } 158 }
app/assets/stylesheets/common.scss
@@ -9,7 +9,8 @@ $active_bg_color:#79C3E0; @@ -9,7 +9,8 @@ $active_bg_color:#79C3E0;
9 $active_bd_color: #2FA0BB; 9 $active_bd_color: #2FA0BB;
10 $border_color:#CCC; 10 $border_color:#CCC;
11 $lite_border_color:#EEE; 11 $lite_border_color:#EEE;
12 -$app_width:980px; 12 +$min_app_width:940px;
  13 +$max_app_width:980px;
13 $app_padding:20px; 14 $app_padding:20px;
14 $bg_color: #FFF; 15 $bg_color: #FFF;
15 $styled_border_color: #2FA0BB; 16 $styled_border_color: #2FA0BB;
@@ -90,58 +91,40 @@ $blue_link: "#2fa0bb"; @@ -90,58 +91,40 @@ $blue_link: "#2fa0bb";
90 /** LAYOUT **/ 91 /** LAYOUT **/
91 92
92 .container-fluid { 93 .container-fluid {
93 - max-width:980px; 94 + min-width:$min_app_width;
  95 + max-width:$max_app_width;
94 margin:auto; 96 margin:auto;
95 - margin-top:80px; 97 + margin-top:60px;
96 } 98 }
97 99
98 .container-fluid > .sidebar { 100 .container-fluid > .sidebar {
99 - width: 110px;  
100 - left: 0;  
101 - top: 0;  
102 - height: 100%;  
103 - bottom: 0;  
104 - position: absolute;  
105 - float: left;  
106 - display: inline-block;  
107 - background: #FFF;  
108 - padding: $app_padding;  
109 - padding-right:0px;  
110 - margin: 0; 101 + width: 140px;
111 border-right: 1px solid $border_color; 102 border-right: 1px solid $border_color;
112 -  
113 - aside {  
114 - width: 109px  
115 - } 103 + height:100%;
116 } 104 }
117 105
118 .container-fluid > .content { 106 .container-fluid > .content {
119 - margin-left: 130px;  
120 -}  
121 -  
122 -/** GITLAB reset **/  
123 -a {  
124 - color: $link_color;  
125 - &:hover { text-decoration:none; } 107 + margin-left: 160px;
126 } 108 }
127 109
  110 +@import "reset_bootstrap.scss";
128 @import "top_panel.scss"; 111 @import "top_panel.scss";
129 @import "projects.css.scss"; 112 @import "projects.css.scss";
130 -  
131 -@import "style.scss";  
132 @import "commits.css.scss"; 113 @import "commits.css.scss";
133 -@import "notes.css.scss";  
134 -@import "merge_requests.css.scss";  
135 114
136 -@import "issues.css.scss";  
137 -@import "commits.css.scss"; 115 +//@import "style.scss";
  116 +//@import "notes.css.scss";
  117 +//@import "merge_requests.css.scss";
  118 +
  119 +//@import "issues.css.scss";
  120 +//@import "commits.css.scss";
138 121
139 -@import "dashboard.scss";  
140 -@import "tree.scss";  
141 -@import "tags.scss";  
142 -@import "buttons.scss"; 122 +//@import "dashboard.scss";
  123 +//@import "tree.scss";
  124 +//@import "tags.scss";
  125 +//@import "buttons.scss";
143 126
144 /** CODE HIGHTLIGHT **/ 127 /** CODE HIGHTLIGHT **/
145 -@import "highlight.css.scss";  
146 -@import "highlight.black.css.scss"; 128 +//@import "highlight.css.scss";
  129 +//@import "highlight.black.css.scss";
147 130
app/assets/stylesheets/projects.css.scss
1 -.git_url_wrapper { margin-right:50px }  
2 -  
3 -.sidebar aside a{  
4 - display: block;  
5 - position: relative;  
6 - padding: 15px 10px;  
7 - margin: 10px 0 0 0; 1 +.git_url_wrapper {
  2 + margin-right:50px
  3 +}
8 4
9 - span.number{  
10 - float: right; border-radius: 5px; text-shadow: none; background: rgba(0,0,0,.12); text-align: center; padding: 5px 8px; position: absolute; top: 10px; right: 10px; 5 +.sidebar {
  6 + .fixed {
  7 + position:fixed;
11 } 8 }
12 - &.current {  
13 - color: white;  
14 - background: $active_bg_color;  
15 - border: 1px solid $active_bd_color;  
16 - border-radius:5px;  
17 9
18 - -webkit-border-top-right-radius: 0;  
19 - -webkit-border-bottom-right-radius: 0;  
20 - -moz-border-radius-topright: 0px;  
21 - -moz-border-radius-bottomright: 0px;  
22 - border-top-right-radius: 0;  
23 - border-bottom-right-radius: 0;  
24 - margin-right: -1px; 10 + aside a {
  11 + display:block;
  12 + position:relative;
  13 + padding:15px 10px;
  14 + margin:10px 0 0 0;
  15 + font-size:13px;
  16 + font-weight:bold;
25 } 17 }
26 } 18 }
27 -  
28 -body table .commit a{color: #{$blue_link}}  
29 -body table th, body table td{ border-bottom: 1px solid #DEE2E3;}  
30 -body .fixed{position: fixed; }  
31 -  
32 -/** File stat **/  
33 .file_stats { 19 .file_stats {
34 span { 20 span {
35 img { 21 img {
36 width:14px; 22 width:14px;
37 float:left; 23 float:left;
38 - margin-right: 6px; 24 + margin-right:6px;
39 padding:2px 0; 25 padding:2px 0;
40 } 26 }
41 } 27 }
42 } 28 }
43 29
44 -.round-borders {  
45 - @include round-borders-all(4px);  
46 - padding: 4px 0px;  
47 -}  
48 -  
49 -table.round-borders {  
50 - float:left;  
51 - text-align: left;  
52 -}  
53 -  
54 -  
55 -  
56 -/** PROJECTS **/  
57 -input.ssh_project_url {  
58 - padding:5px;  
59 - margin:0px;  
60 - float:right;  
61 - width:400px;  
62 - text-align:center;  
63 -}  
64 -  
65 -#projects-list .project {  
66 - height:50px;  
67 -}  
68 -  
69 -#tree-slider .tree-item,  
70 -#projects-list .project,  
71 -#snippets-table .snippet,  
72 -#issues-table .issue{  
73 - cursor:pointer; 30 +.handle:hover {
  31 + cursor:move;
74 } 32 }
75 -  
76 -.clear {  
77 - clear: both;  
78 -}  
79 -  
80 -  
81 -  
82 -#user_projects_limit{  
83 - width: 60px;  
84 -}  
85 -  
86 -.handle:hover{  
87 - cursor: move;  
88 -}  
89 -  
90 .project-refs-form { 33 .project-refs-form {
91 span { 34 span {
92 - background: none !important; 35 + background:none !important;
93 position:static !important; 36 position:static !important;
94 width:auto !important; 37 width:auto !important;
95 - height: auto !important; 38 + height:auto !important;
96 } 39 }
97 } 40 }
98 -  
99 .project-refs-select { 41 .project-refs-select {
100 width:200px; 42 width:200px;
101 } 43 }
102 44
103 -.filter .left { margin-right:15px; }  
104 -  
105 -body table .commit {  
106 - a.tree-commit-link {  
107 - color:#444;  
108 - &:hover {  
109 - text-decoration:underline;  
110 - }  
111 - } 45 +/* Project Dashboard Page */
  46 +.news-feed h2 {
  47 + float:left;
112 } 48 }
113 -  
114 -/** NEW PROJECT **/  
115 -.new-project-hodler {  
116 - .icon span { background-position: -31px -70px; }  
117 - td { border-bottom: 1px solid #DEE2E3; } 49 +.news-feed .project-updates {
  50 + margin-bottom:20px;
  51 + display:block;
  52 + width:100%;
118 } 53 }
119 -  
120 -/** Feed entry **/  
121 -.commit,  
122 -.snippet,  
123 -.message {  
124 - .title {  
125 - color:#666;  
126 - a { color:#666 !important; }  
127 - p { margin-top:0px; }  
128 - }  
129 - .author { color: #999 } 54 +.news-feed .project-updates .data {
  55 + padding:0
130 } 56 }
131 -  
132 -/** JQuery UI **/  
133 -.ui-autocomplete { @include round-borders-all(5px); }  
134 -.ui-menu-item { cursor: pointer }  
135 -.ui-selectmenu{  
136 - @include round-borders-all(4px); 57 +.news-feed .project-updates a.project-update {
  58 + padding:10px;
  59 + border-bottom:1px solid #eee;
  60 + overflow:hidden;
  61 + display:block;
  62 +}
  63 +.news-feed .project-updates a.project-update:last-child {
  64 + border-bottom:0
  65 +}
  66 +.news-feed .project-updates a.project-update img {
  67 + float:left;
137 margin-right:10px; 68 margin-right:10px;
138 - font-size:1.5em;  
139 - height:auto; 69 +}
  70 +.news-feed .project-updates a.project-update span.update-title,.dashboard-page .news-feed .project-updates li a span.update-author {
  71 + display:block;
  72 +}
  73 +.news-feed .project-updates a.project-update span.update-title {
  74 + margin-bottom:10px
  75 +}
  76 +.news-feed .project-updates a.project-update span.update-author {
  77 + color:#999;
  78 + font-weight:normal;
  79 + font-style:italic;
  80 +}
  81 +.news-feed .project-updates a.project-update span.update-author strong {
140 font-weight:bold; 82 font-weight:bold;
141 - .ui-selectmenu-status {  
142 - padding:3px 10px;  
143 - } 83 + font-style: normal;
144 } 84 }
145 -  
146 -#holder {  
147 - background:#FAFAFA;  
148 - border: 1px solid #EEE;  
149 - cursor: move;  
150 - height: 70%;  
151 - overflow: hidden; 85 +/** UPDATE ITEM **/
  86 +.update-data {
  87 + padding:0
152 } 88 }
153 -  
154 -/* Project Dashboard Page */  
155 -html, body { height: 100%; }  
156 -  
157 -.news-feed h2{float: left;}  
158 -.news-feed .project-updates {margin-bottom: 20px; display: block; width: 100%;}  
159 -.news-feed .project-updates .data{ padding: 0}  
160 -.news-feed .project-updates a.project-update {padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;}  
161 -.news-feed .project-updates a.project-update:last-child{border-bottom: 0}  
162 -.news-feed .project-updates a.project-update img{float: left; margin-right: 10px;}  
163 -.news-feed .project-updates a.project-update span.update-title, .dashboard-page .news-feed .project-updates li a span.update-author{display: block;}  
164 -.news-feed .project-updates a.project-update span.update-title{margin-bottom: 10px}  
165 -.news-feed .project-updates a.project-update span.update-author{color: #999; font-weight: normal; font-style: italic;}  
166 -.news-feed .project-updates a.project-update span.update-author strong{font-weight: bold; font-style: normal;}  
167 -/* eo Dashboard Page */  
168 -  
169 -  
170 -/** Update entry **/  
171 -.update-data { padding: 0 }  
172 -.update-data { width:100%; }  
173 -.update-data.ui-box .data { padding:0; }  
174 -a.update-item {padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;}  
175 -a.update-item:last-child{border-bottom: 0}  
176 -a.update-item img{float: left; margin-right: 10px;}  
177 -a.update-item span.update-title, .dashboard-page .news-feed .project-updates li a span.update-author{display: block;}  
178 -a.update-item span.update-title{margin-bottom: 10px}  
179 -a.update-item span.update-author{color: #999; font-weight: normal; font-style: italic;}  
180 -a.update-item span.update-author strong{font-weight: bold; font-style: normal;}  
181 -  
182 -  
183 -body .team_member_new .span-6, .team_member_edit .span-6{ padding:10px 0; }  
184 -  
185 -body.projects-page input.text.git-url.project_list_url { width:165px; }  
186 -  
187 -  
188 -body table.no-borders th {  
189 - background:none;  
190 - border-bottom:1px solid #CCC;  
191 - color:#333; 89 +.update-data {
  90 + width:100%;
192 } 91 }
193 -  
194 -body table.no-borders tr,  
195 -body table.no-borders td{  
196 - border:none; 92 +a.update-item {
  93 + padding:10px;
  94 + border-bottom:1px solid #eee;
  95 + overflow:hidden;
  96 + display:block;
197 } 97 }
198 - 98 +a.update-item:last-child {
  99 + border-bottom:0
  100 +}
  101 +a.update-item img {
  102 + float:left;
  103 + margin-right:10px;
  104 +}
  105 +a.update-item span.update-title,.dashboard-page .news-feed .project-updates li a span.update-author {
  106 + display:block;
  107 +}
  108 +a.update-item span.update-title {
  109 + margin-bottom:10px
  110 +}
  111 +a.update-item span.update-author {
  112 + color:#999;
  113 + font-weight:normal;
  114 + font-style:italic;
  115 +}
  116 +a.update-item span.update-author strong {
  117 + font-weight:bold;
  118 + font-style:normal;
  119 +}
  120 +/** END UPDATE ITEM **/
199 .ajax-tab-loading { 121 .ajax-tab-loading {
200 padding:40px; 122 padding:40px;
201 display:none; 123 display:none;
202 } 124 }
203 -  
204 -#tree-content-holder { float:left; width:100%; }  
205 - 125 +#tree-content-holder {
  126 + float:left;
  127 + width:100%;
  128 +}
206 #tree-readme-holder { 129 #tree-readme-holder {
207 float:left; 130 float:left;
208 width:100%; 131 width:100%;
209 -  
210 .readme { 132 .readme {
211 @include round-borders-all(4px); 133 @include round-borders-all(4px);
212 - padding: 4px 15px;  
213 - background:#F7F7F7; 134 + padding:4px 15px;
  135 + background: #F7F7F7;
214 } 136 }
215 } 137 }
216 -  
217 -  
218 -  
219 -/* Commit Page */  
220 -.entity-info {float: right;}  
221 -.entity-button{  
222 - background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.192, #fff), to(#f4f4f4));  
223 - background-image: -webkit-linear-gradient(#fff 19.2%, #f4f4f4);  
224 - background-image: -moz-linear-gradient(#fff 19.2%, #f4f4f4);  
225 - background-image: -o-linear-gradient(#fff 19.2%, #f4f4f4);  
226 - box-shadow: 0 -1px 0 white inset;  
227 - display: block;  
228 - border: 1px solid #eee;  
229 - border-radius: 5px;  
230 - margin-bottom: 2px;  
231 - position: relative;  
232 - padding: 4px 10px;  
233 - font-size: 11px;  
234 - padding-right: 20px;  
235 -}  
236 -  
237 -.entity-button i{  
238 - background: url('images.png') no-repeat -138px -27px;  
239 - width: 6px;  
240 - height: 9px;  
241 - float: right;  
242 - position: absolute;  
243 - top: 6px;  
244 - right: 5px;  
245 -}  
246 -.box-arrow{float: right; background: #E3E5EA; padding: 10px; border-radius: 5px; margin-top: 2px; text-shadow: none; color: #999; margin: 1.5em 0;}  
247 -  
248 -h4.dash-tabs {  
249 - margin: 0;  
250 - border-bottom: 1px solid #ccc;  
251 - padding: 10px 10px;  
252 - font-size: 11px;  
253 - padding-left:20px;  
254 - font-weight: bold; text-transform: uppercase;  
255 - background: #F7F7F7;  
256 - margin-bottom:20px;  
257 - height:13px;  
258 -  
259 -}  
260 -  
261 -.dash-button {  
262 - border-right: 1px solid #ddd;  
263 - background:none;  
264 - padding: 10px 15px; 138 +.dashboard-loader {
265 float:left; 139 float:left;
266 - position:relative;  
267 - top:-10px;  
268 - left:0px;  
269 - height:13px;  
270 -  
271 - &:first-child {  
272 - border-left: 1px solid #ddd;  
273 - }  
274 - &.active {  
275 - background: #eaeaea;  
276 - }  
277 -}  
278 -  
279 -  
280 -.dashboard-loader {  
281 - float:right;  
282 - margin-right:30px; 140 + margin:10px;
283 display:none; 141 display:none;
284 } 142 }
285 -  
286 -  
287 -.merge-tabs {  
288 - margin: 0;  
289 - border: 1px solid #ccc;  
290 - padding: 5px;  
291 - font-size: 12px;  
292 - background: #F7F7F7;  
293 - margin-bottom:20px;  
294 - height:26px;  
295 -  
296 - -moz-border-radius: 4px;  
297 - -webkit-border-radius: 4px;  
298 - border-radius: 4px;  
299 -  
300 - .tab {  
301 - font-weight: bold;  
302 - border-right: 1px solid #ddd;  
303 - background:none;  
304 - padding: 10px;  
305 - min-width:60px;  
306 - float:left;  
307 - position:relative;  
308 - top:-5px;  
309 - left:-5px;  
310 - height:16px;  
311 - padding-left:34px;  
312 -  
313 - span {  
314 - width: 20px;  
315 - height: 20px;  
316 - display: inline-block;  
317 - position: absolute;  
318 - left: 8px;  
319 - top: 8px;  
320 - }  
321 -  
322 - &.active {  
323 - background: #eaeaea;  
324 - }  
325 - }  
326 -}  
327 -.merge-tabs.repository .tab span{ background: url("images.png") no-repeat -38px -77px; }  
328 -.activities-tab span { background: url("images.png") no-repeat -161px -1px; }  
329 -.stat-tab span,  
330 -.team-tab span,  
331 -.snippets-tab span { background: url("images.png") no-repeat -38px -77px; }  
332 -.files-tab span { background: url("images.png") no-repeat -112px -23px; }  
333 -  
334 -.merge-notes-tab span { background: url("images.png") no-repeat -161px -1px; }  
335 -.merge-commits-tab span { background: url("images.png") no-repeat -86px 1px; }  
336 -.merge-diffs-tab span { background: url("images.png") no-repeat -118px 1px; }  
337 -.merge-tabs .dashboard-loader { padding:8px; }  
338 -  
339 -.user-mention {  
340 - color: #2FA0BB;  
341 - font-weight: bold;  
342 -}  
343 -  
344 -.author {  
345 - color: #999;  
346 -}  
347 -  
348 -  
349 -  
350 -  
351 -.dark_scheme_box {  
352 - padding:20px 0;  
353 -  
354 - label {  
355 - float:left;  
356 - box-shadow: 0 0px 5px rgba(0,0,0,.3);  
357 -  
358 - img {  
359 - }  
360 - } 143 +.user-mention {
  144 + color:#2FA0BB;
  145 + font-weight:bold;
361 } 146 }
362 147
363 -a.project-update.titled {  
364 - position: relative;  
365 - padding-left: 235px !important;  
366 -  
367 - .title-block {  
368 - padding: 10px;  
369 - width: 205px;  
370 - position: absolute;  
371 - left: 0;  
372 - top: 0; 148 +a.project-update.titled {
  149 + position:relative;
  150 + padding-left:35% !important;
  151 + .title-block {
  152 + padding:10px;
  153 + width:35%;
  154 + position:absolute;
  155 + left:0;
  156 + top:0;
373 } 157 }
374 } 158 }
375 -  
376 -.add_new {  
377 - float: right;  
378 - background: #A6B807;  
379 - color: white;  
380 - padding: 4px 10px;  
381 - @include round-borders-all(4px);  
382 - font-size:11px;  
383 - margin: 10px 0;  
384 -}  
app/assets/stylesheets/reset_bootstrap.scss 0 → 100644
@@ -0,0 +1,4 @@ @@ -0,0 +1,4 @@
  1 +a {
  2 + color: $link_color;
  3 + &:hover { text-decoration:none; }
  4 +}
app/assets/stylesheets/top_panel.scss
@@ -65,7 +65,8 @@ body header { @@ -65,7 +65,8 @@ body header {
65 65
66 .wrapper { 66 .wrapper {
67 margin:auto; 67 margin:auto;
68 - width:$app_width; 68 + min-width:$min_app_width;
  69 + max-width:$max_app_width;
69 position:relative; 70 position:relative;
70 71
71 .top_panel_content { 72 .top_panel_content {
@@ -185,10 +186,9 @@ float: right; @@ -185,10 +186,9 @@ float: right;
185 } 186 }
186 187
187 .account-box.hover{height: 138px;} 188 .account-box.hover{height: 138px;}
188 -  
189 .account-box:hover > .account-links{display: block;} 189 .account-box:hover > .account-links{display: block;}
190 -header .account-links{  
191 - background: #79C3E0; display: none; border-radius: 5px; width: 100px; margin-top: 0; float: right; box-shadow: 0 1px 1px rgba(0,0,0,.2); position:relative;} 190 +header .account-links{ background: #79C3E0; display: none; border-radius: 5px; width: 100px; margin-top: 0; float: right; box-shadow: 0 1px 1px rgba(0,0,0,.2); position:relative;}
  191 +
192 header .account-links:before { 192 header .account-links:before {
193 content: "."; 193 content: ".";
194 width:0; 194 width:0;
@@ -196,7 +196,7 @@ header .account-links:before { @@ -196,7 +196,7 @@ header .account-links:before {
196 position:absolute; 196 position:absolute;
197 border:5px solid transparent; 197 border:5px solid transparent;
198 border-color:rgba(255,255,255,0); 198 border-color:rgba(255,255,255,0);
199 - border-bottom-color:#fafafa; 199 + border-bottom-color:#333;
200 text-indent:-9999px; 200 text-indent:-9999px;
201 top:-10px; 201 top:-10px;
202 line-height:0; 202 line-height:0;
@@ -204,17 +204,22 @@ header .account-links:before { @@ -204,17 +204,22 @@ header .account-links:before {
204 z-index:10; 204 z-index:10;
205 } 205 }
206 206
207 -/* Inspired by http://maxvoltar.com/temp/nowplaying/ */  
208 -header .account-links{background: white; display: none; z-index: 100000; border-radius: 5px; width: 100px; position: absolute; right: 20px; top: 46px; margin-top: 0; float: right; box-shadow: 0 1px 1px rgba(0,0,0,.2); }  
209 -header .account-links a{color: #666; padding: 6px 10px; display: block; text-shadow: none; border-bottom: 1px solid #eee}  
210 -header .account-links a:hover{  
211 - background: #3aacec;  
212 - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#39acec), to(#279ada), color-stop(.05, #4cbefe));  
213 - background: -moz-linear-gradient(top, #39acec, #4cbefe 5%, #279ada);  
214 - background: linear-gradient(top, #39acec, #4cbefe 5%, #279ada);  
215 - color: #fff;  
216 - text-shadow: #1488c8 0 -1px 0; 207 +header .account-links{
  208 + background: #333;
  209 + display: none;
  210 + z-index: 100000;
  211 + border-radius: 5px;
  212 + width: 100px;
  213 + position: absolute;
  214 + right: 20px;
  215 + top: 46px;
  216 + margin-top: 0;
  217 + float: right;
  218 + box-shadow: 0 1px 1px rgba(0,0,0,.2);
217 } 219 }
  220 +
  221 +header .account-links a{color: #EEE; padding: 6px 10px; display: block; text-shadow: none; border-bottom: 1px solid #555}
  222 +header .account-links a:hover{ background: #444;}
218 .account-box.hover .arrow-up{top: 41px; right: 6px; position: absolute} 223 .account-box.hover .arrow-up{top: 41px; right: 6px; position: absolute}
219 header .account-links a:first-child{ 224 header .account-links a:first-child{
220 -webkit-border-top-left-radius: 5px; 225 -webkit-border-top-left-radius: 5px;
app/views/layouts/_project_side.html.haml
@@ -13,7 +13,5 @@ @@ -13,7 +13,5 @@
13 Issues 13 Issues
14 = link_to wall_project_path(@project), :class => current_page?(:controller => "projects", :action => "wall", :id => @project) ? "current" : nil do 14 = link_to wall_project_path(@project), :class => current_page?(:controller => "projects", :action => "wall", :id => @project) ? "current" : nil do
15 Wall 15 Wall
16 - - if @project.common_notes.today.count > 0  
17 - %span{ :class => "number" }= @project.common_notes.today.count  
18 = link_to project_merge_requests_path(@project), :class => (controller.controller_name == "merge_requests") ? "current" : nil do 16 = link_to project_merge_requests_path(@project), :class => (controller.controller_name == "merge_requests") ? "current" : nil do
19 Requests 17 Requests
app/views/merge_requests/show.html.haml
@@ -26,31 +26,26 @@ @@ -26,31 +26,26 @@
26 = @merge_request.created_at.stamp("Aug 21, 2011 9:23pm") 26 = @merge_request.created_at.stamp("Aug 21, 2011 9:23pm")
27 27
28 %hr 28 %hr
29 - %br  
30 - %h3  
31 - = simple_format @merge_request.title 29 + %div.well= simple_format @merge_request.title
32 30
33 -.clear  
34 -%br  
35 -%br  
36 31
37 -.merge-tabs  
38 - = link_to "#notes", :class => "merge-notes-tab active tab" do  
39 - %span  
40 - Notes  
41 - = link_to "#commits", "data-url" => commits_project_merge_request_path(@project, @merge_request), :class => "merge-commits-tab tab" do  
42 - %span  
43 - Commits  
44 - = link_to "#diffs", "data-url" => diffs_project_merge_request_path(@project, @merge_request), :class => "merge-diffs-tab tab" do  
45 - %span  
46 - Diff 32 +.tabs
  33 + %li.active
  34 + = link_to "#notes", :class => "merge-notes-tab tab" do
  35 + Notes
  36 + %li
  37 + = link_to "#commits", "data-url" => commits_project_merge_request_path(@project, @merge_request), :class => "merge-commits-tab tab" do
  38 + Commits
  39 + %li
  40 + = link_to "#diffs", "data-url" => diffs_project_merge_request_path(@project, @merge_request), :class => "merge-diffs-tab tab" do
  41 + Diff
47 42
48 - if can?(current_user, :admin_project, @project) || @merge_request.author == current_user 43 - if can?(current_user, :admin_project, @project) || @merge_request.author == current_user
49 .right 44 .right
50 - if @merge_request.closed 45 - if @merge_request.closed
51 - = link_to 'Reopen', project_merge_request_path(@project, @merge_request, :merge_request => {:closed => false }, :status_only => true), :method => :put, :class => "red-button" 46 + = link_to 'Reopen', project_merge_request_path(@project, @merge_request, :merge_request => {:closed => false }, :status_only => true), :method => :put, :class => "btn"
52 - else 47 - else
53 - = link_to 'Close', project_merge_request_path(@project, @merge_request, :merge_request => {:closed => true }, :status_only => true), :method => :put, :class => "positive-button", :title => "Close merge request" 48 + = link_to 'Close', project_merge_request_path(@project, @merge_request, :merge_request => {:closed => true }, :status_only => true), :method => :put, :class => "btn", :title => "Close merge request"
54 %img{:src => "/assets/ajax-loader-facebook.gif", :class => "dashboard-loader"} 49 %img{:src => "/assets/ajax-loader-facebook.gif", :class => "dashboard-loader"}
55 50
56 .merge-request-notes 51 .merge-request-notes
app/views/refs/_tree.html.haml
1 -#tree-breadcrumbs  
2 - %div 1 +%ul.breadcrumb
  2 + %li
3 = link_to tree_project_ref_path(@project, @ref, :path => nil), :remote => true do 3 = link_to tree_project_ref_path(@project, @ref, :path => nil), :remote => true do
4 = @project.code 4 = @project.code
5 - - tree.breadcrumbs(6) do |link|  
6 - \/  
7 - = link  
8 -   5 + - tree.breadcrumbs(6) do |link|
  6 + \/
  7 + %li= link
9 %span.tree_progress 8 %span.tree_progress
10 .clear 9 .clear
11 #tree-content-holder 10 #tree-content-holder