Commit cc1ba255d6c5ffdce87a357ba7ccc397a4f4026b
1 parent
bc373500
Exists in
master
and in
4 other branches
Lists restyled, blue link colors added
Showing
22 changed files
with
125 additions
and
82 deletions
Show diff stats
VERSION
app/assets/images/blueprint_add.png
app/assets/images/blueprint_delete.png
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
app/assets/stylesheets/projects.css.scss
app/assets/stylesheets/reset_bootstrap.scss
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
app/views/dashboard/_merge_requests_feed.html.haml
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
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
app/views/repositories/_feed.html.haml
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 | ... | ... |