Commit cc1ba255d6c5ffdce87a357ba7ccc397a4f4026b

Authored by Dmitriy Zaporozhets
1 parent bc373500

Lists restyled, blue link colors added

VERSION
1   -2.1.0
  1 +2.2.0pre
... ...
app/assets/images/blueprint_add.png

518 Bytes | W: | H:

177 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
app/assets/images/blueprint_delete.png

469 Bytes | W: | H:

295 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
app/assets/stylesheets/common.scss
  1 +a {
  2 + color: $link_color;
  3 + &:hover {
  4 + text-decoration:none;
  5 + color: $style_color;
  6 + }
  7 +}
  8 +
  9 +.pills .active a {
  10 + background-color: #474D57;
  11 +}
  12 +
  13 +.label {
  14 + background-color: #474D57;
  15 +}
  16 +
  17 +.tabs > li > a, .pills > li > a {
  18 + color:$style_color;
  19 +}
  20 +
  21 +.diff_file_header a,
  22 +.file_stats a {
  23 + color:$style_color;
  24 +}
  25 +
1 26 /** COLORS **/
2 27 .cgray { color:gray; }
3 28 .cred { color:#D12F19; }
... ... @@ -70,7 +95,7 @@
70 95 margin:10px 0 0 0;
71 96 font-size:13px;
72 97 font-weight:bold;
73   - color:#444;
  98 + color:$style_color;
74 99 }
75 100 }
76 101  
... ... @@ -112,19 +137,30 @@ img.lil_av {
112 137  
113 138 .wll {
114 139 background-color: #FFF;
115   - margin-bottom: 10px;
116   - padding: 5px;
  140 + padding: 10px 5px;
117 141 min-height: 20px;
118 142 border-bottom: 1px solid #eee;
119 143 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
120   - .author { color: #999; }
  144 + cursor:pointer;
  145 + &:hover {
  146 + background:$hover;
  147 + }
121 148 &:last-child { border:none }
122   - p { padding-top:5px;}
  149 + p { padding-top:5px; margin:0; color:$style_color;}
  150 + .author { color: #999; }
  151 + p {
  152 + color:$style_color;
  153 + margin-bottom: 0;
  154 + img {
  155 + position:relative;
  156 + top:3px;
  157 + }
  158 + }
123 159 }
124 160  
125 161 .visible_link,
126 162 .author_link {
127   - color: $active_link_color;
  163 + color: $link_color;
128 164 }
129 165 .entry {
130 166 position: relative;
... ... @@ -147,7 +183,9 @@ img.lil_av {
147 183 background:#F1F1F1;
148 184 border: 1px solid #ccc;
149 185  
  186 +
150 187 p {
  188 + color:$style_color;
151 189 margin-bottom: 0;
152 190 img {
153 191 position:relative;
... ... @@ -156,6 +194,11 @@ img.lil_av {
156 194 }
157 195 }
158 196  
  197 +.well {
  198 + a h3 {
  199 + color:$link_color;
  200 + }
  201 +}
159 202 .widget {
160 203 padding:20px;
161 204 margin-bottom:20px;
... ...
app/assets/stylesheets/main.scss
... ... @@ -3,7 +3,7 @@
3 3 /** GITLAB colors **/
4 4 $text_color:#222;
5 5 $lite_text_color: #666;
6   -$link_color:#111;
  6 +$link_color:#2A79A3;
7 7 $active_link_color:#2FA0BB;
8 8 $active_bg_color:#79C3E0;
9 9 $active_bd_color: #2FA0BB;
... ... @@ -17,6 +17,12 @@ $styled_border_color: #2FA0BB;
17 17 $color: "#4BB8D2";
18 18 $blue_link: "#2fa0bb";
19 19  
  20 +
  21 +/** Style colors **/
  22 +$style_color: #474D57;
  23 +$hover: #FDF5D9;
  24 +
  25 +
20 26 /** MIXINS **/
21 27 @mixin round-borders-bottom($radius) {
22 28 border-top: 1px solid #eaeaea;
... ... @@ -46,14 +52,12 @@ $blue_link: "#2fa0bb";
46 52 }
47 53  
48 54  
49   -@import "reset_bootstrap.scss";
50 55 @import "common.scss";
51 56 @import "top_panel.scss";
52 57  
53 58 @import "projects.css.scss";
54 59 @import "commits.css.scss";
55 60 @import "tree.scss";
56   -@import "merge_requests.css.scss";
57 61 @import "notes.css.scss";
58 62 @import "login.scss";
59 63  
... ...
app/assets/stylesheets/merge_requests.css.scss
... ... @@ -1,5 +0,0 @@
1   -.merge-request-form-holder {
2   - select {
3   - width:300px;
4   - }
5   -}
app/assets/stylesheets/projects.css.scss
... ... @@ -202,6 +202,13 @@ input.git_clone_url {
202 202 }
203 203 }
204 204  
  205 +.merge-request-form-holder {
  206 + select {
  207 + width:300px;
  208 + }
  209 +}
  210 +
  211 +/** Issues **/
205 212 #issue_assignee_id {
206 213 width:300px;
207 214 }
... ...
app/assets/stylesheets/reset_bootstrap.scss
... ... @@ -1,7 +0,0 @@
1   -a {
2   - color: $link_color;
3   - &:hover {
4   - text-decoration:none;
5   - color: $active_link_color;
6   - }
7   -}
app/assets/stylesheets/top_panel.scss
... ... @@ -30,7 +30,7 @@ body header {
30 30 font-size:20px;
31 31 line-height:34px;
32 32 font-weight:bold;
33   - color:#666;
  33 + color:$style_color;
34 34 text-shadow: 0 1px 1px #FFF;
35 35 }
36 36  
... ... @@ -76,7 +76,7 @@ body header {
76 76 text-shadow: 0 1px 1px #FFF;
77 77  
78 78 &:hover {
79   - color:$active_link_color;
  79 + color:$style_color;
80 80 }
81 81 }
82 82  
... ...
app/assets/stylesheets/tree.scss
... ... @@ -113,12 +113,15 @@ table.highlighttable .linenodiv pre {
113 113  
114 114 .tree-item {
115 115 &:hover {
116   - background: #FFFFCF;
  116 + background: $hover;
117 117 cursor:pointer;
118 118 }
119 119  
120 120 .tree-item-file-name {
121 121 font-weight:bold;
  122 + a {
  123 + color:$style_color;
  124 + }
122 125  
123 126 img {
124 127 position: relative;
... ...
app/views/commits/_commit.html.haml
1   -%li
2   - .row
3   - .span12
4   - .entry
5   - = link_to project_commit_path(@project, :id => commit.id) do
6   - %p
7   - %code= commit.id.to_s[0..10]
8   - –
9   - = image_tag gravatar_icon(commit.author_email), :class => "", :width => 16
10   - = truncate(commit.safe_message, :length => 50)
  1 +%li.wll
  2 + .right.span2
  3 + = link_to "Browse Code", tree_project_ref_path(@project, commit.id), :class => "btn small right"
  4 + = link_to project_commit_path(@project, :id => commit.id) do
  5 + %p
  6 + %code= commit.id.to_s[0..10]
  7 + –
  8 + = image_tag gravatar_icon(commit.author_email), :class => "", :width => 16
  9 + = truncate(commit.safe_message, :length => 50)
11 10  
12   - %span.right.cgray
13   - = time_ago_in_words(commit.committed_date)
14   - ago
15   - .span2
16   - = link_to "Browse Code", tree_project_ref_path(@project, commit.id), :class => "btn small"
  11 + %span.right.cgray
  12 + = time_ago_in_words(commit.committed_date)
  13 + ago
17 14  
... ...
app/views/dashboard/_issues_feed.html.haml
1 1 - @issues.each do |issue|
2   - .entry
  2 + .wll
3 3 = link_to [issue.project, issue] do
4 4 %p
5 5 %strong
6   - = issue.project.name
  6 + %span.label= issue.project.name
7 7 –
8 8 Issue #
9 9 = issue.id
... ...
app/views/dashboard/_merge_requests_feed.html.haml
1 1 - @merge_requests.each do |merge_request|
2   - .entry
  2 + .wll
3 3 = link_to [merge_request.project, merge_request] do
4 4 %p
5 5 %strong
6   - = merge_request.project.name
  6 + %span.label= merge_request.project.name
7 7 –
8 8 Merge Request #
9 9 = merge_request.id
... ...
app/views/deploy_keys/index.html.haml
1 1 = render "repositories/head"
2 2 - if can? current_user, :admin_project, @project
3   - .alert-message.block-message.info
  3 + .alert-message.block-message
4 4 Deploy keys allow read-only access to repository.
5 5 = link_to new_project_deploy_key_path(@project), :class => "btn small", :title => "New Deploy Key" do
6 6 Add Deploy Key
... ...
app/views/hooks/index.html.haml
1 1 = render "repositories/head"
2 2  
3 3 - if can? current_user, :admin_project, @project
4   - .alert-message.block-message.info
  4 + .alert-message.block-message
5 5 Post receive hooks for binding events when someone push to repository.
6 6 = link_to new_project_hook_path(@project), :class => "btn small", :title => "New Web Hook" do
7 7 Add Post Receive Hook
8 8  
9 9 %ul.unstyled
10 10 - @hooks.each do |hook|
11   - %li
12   - %a.update-item{:href => project_hook_path(@project, hook)}
  11 + %li.wll
  12 + = link_to project_hook_path(@project, hook) do
13 13 = hook.url
14 14  
15 15 .alert-message.block-message.info
... ...
app/views/issues/_show.html.haml
1 1 %li.wll{ :id => dom_id(issue), :class => "issue #{issue.critical ? "critical" : ""}", :url => project_issue_path(issue.project, issue) }
2   - = image_tag gravatar_icon(issue.assignee_email), :class => "avatar"
3   - %span.update-author
4   - assigned to
5   - %strong= link_to_issue_assignee(issue)
6   - - if issue.critical
7   - %span.label.important critical
8   - - if issue.today?
9   - %span.label.success today
10   -
11 2 .right
12 3 - if can? current_user, :write_issue, issue
13 4 - if issue.closed
... ... @@ -18,6 +9,15 @@
18 9 = link_to 'Edit', edit_project_issue_path(issue.project, issue), :class => "btn small edit-issue-link", :remote => true
19 10 -#- if can?(current_user, :admin_issue, @project) || issue.author == current_user
20 11 = link_to 'Remove', [issue.project, issue], :confirm => 'Are you sure?', :method => :delete, :remote => true, :class => "danger btn small delete-issue", :id => "destroy_issue_#{issue.id}"
  12 + = image_tag gravatar_icon(issue.assignee_email), :class => "avatar"
  13 + %span.update-author
  14 + assigned to
  15 + %strong= link_to_issue_assignee(issue)
  16 + - if issue.critical
  17 + %span.label.important critical
  18 + - if issue.today?
  19 + %span.label.success today
  20 +
21 21  
22 22  
23 23 = link_to project_issue_path(issue.project, issue) do
... ...
app/views/keys/_show.html.haml
1   -%li.entry
  1 +%li.wll
2 2 = link_to key_path(key) do
3   - %strong= key.title
4   - %span.right.cgray
5   - Added
6   - = time_ago_in_words(key.created_at)
7   - ago
  3 + %p
  4 + %strong= key.title
  5 + %span.right.cgray
  6 + Added
  7 + = time_ago_in_words(key.created_at)
  8 + ago
... ...
app/views/layouts/_projects_side.html.haml
1 1 %aside.projects
2 2 - if current_user.can_create_project?
3   - .alert-message.block-message.info
  3 + .alert-message.block-message
4 4 You can create at least
5 5 = current_user.projects_limit
6 6 projects. Click on button to add a new one
... ... @@ -9,7 +9,7 @@
9 9 New Project »
10 10  
11 11 - if current_user.is_admin?
12   - .alert-message.block-message.info
  12 + .alert-message.block-message
13 13 You have administrator privilegies. You can configure application following this button:
14 14 .alert-actions
15 15 = link_to admin_root_path, :class => "btn small", :title => "Admin" do
... ...
app/views/projects/_feed.html.haml
1 1 - @activities.each do |update|
2   - .entry
  2 + .wll
3 3 = link_to dashboard_feed_path(@project, update) do
4 4 - if update.kind_of? Note
5 5 %p
... ...
app/views/repositories/_feed.html.haml
1 1 - commit = update
2   -.entry
  2 +.wll
3 3 = link_to project_commits_path(@project, :ref => commit.head.name) do
4 4 %p
5   - %strong
  5 + %strong.label
6 6 = commit.head.name
7 7 %br
8 8 %code= commit.id.to_s[0..10]
... ...
app/views/repositories/show.html.haml
... ... @@ -21,7 +21,7 @@
21 21 = time_ago_in_words(@activities.first.commit.committed_date)
22 22 ago to
23 23 = link_to project_commits_path(@project, :ref => @activities.first.head.name), :class => "visible_link" do
24   - = @activities.first.head.name
  24 + %span.label= @activities.first.head.name
25 25  
26 26 %h4.cgray
27 27 Recent Branches
... ...
app/views/repositories/tags.html.haml
1 1 = render "head"
2 2 - unless @tags.empty?
3   - - @tags.each do |tag|
4   - .row
5   - .span7
6   - .entry
7   - = tag.name
8   - %code= tag.commit.id.to_s[0..10]
9   - %span.update-author.right
10   - = time_ago_in_words(tag.commit.committed_date)
11   - ago
12   - .span3
13   - - if can? current_user, :download_code, @project
14   - = link_to "Download", archive_project_repository_path(@project, :ref => tag.name), :class => "btn small"
15   - = link_to "Commits", project_commits_path(@project, :ref => tag.name), :class => "btn small"
  3 + %ul.unstyled
  4 + - @tags.each do |tag|
  5 + %li.wll
  6 + .span3.right
  7 + - if can? current_user, :download_code, @project
  8 + = link_to "Download", archive_project_repository_path(@project, :ref => tag.name), :class => "btn small"
  9 + = link_to "Commits", project_commits_path(@project, :ref => tag.name), :class => "btn small"
  10 +
  11 + = tag.name
  12 + %code= tag.commit.id.to_s[0..10]
  13 + %span.update-author.right
  14 + = time_ago_in_words(tag.commit.committed_date)
  15 + ago
16 16 - else
17 17 %h3 No tags
... ...