Commit 7999c2065ebb0dfabd9b152c5e9726c797982773
1 parent
e660da4f
Exists in
master
and in
4 other branches
Redesign project home page
Showing
2 changed files
with
103 additions
and
35 deletions
Show diff stats
app/assets/stylesheets/sections/projects.scss
... | ... | @@ -14,25 +14,67 @@ |
14 | 14 | } |
15 | 15 | } |
16 | 16 | |
17 | -.project_clone_panel { | |
18 | - @include border-radius(4px); | |
19 | - @include bg-gray-gradient; | |
20 | - padding: 4px 7px; | |
21 | - border: 1px solid #CCC; | |
22 | - margin-bottom: 20px; | |
17 | +.project-home-panel { | |
18 | + .project-home-title { | |
19 | + font-size: 18px; | |
20 | + color: #777; | |
21 | + margin: 0; | |
22 | + line-height: 2; | |
23 | + } | |
24 | + .project-home-dropdown { | |
25 | + margin-left: 10px; | |
26 | + float: right; | |
27 | + } | |
28 | + .project-home-extra { | |
29 | + margin-top: 10px; | |
23 | 30 | |
24 | - .btn { | |
25 | - padding: 4px 12px; | |
31 | + .project-home-desc { | |
32 | + float: left; | |
33 | + color: #999; | |
34 | + } | |
35 | + | |
36 | + .project-home-links { | |
37 | + float: right; | |
38 | + a { | |
39 | + margin-left: 10px; | |
40 | + } | |
41 | + } | |
42 | + } | |
43 | + | |
44 | + .public-label { | |
45 | + font-size: 14px; | |
46 | + background: #f1f1f1; | |
47 | + padding: 6px 10px; | |
48 | + border-radius: 4px; | |
49 | + margin-left: 10px; | |
50 | + color: #888; | |
51 | + text-shadow: 0 1px 1px #FFF; | |
26 | 52 | } |
27 | 53 | } |
28 | 54 | |
29 | -.project_clone_holder { | |
55 | +.git-clone-holder { | |
56 | + float: right; | |
57 | + | |
58 | + .btn { | |
59 | + border: none; | |
60 | + background: none; | |
61 | + box-shadow: none; | |
62 | + color: #29b; | |
63 | + padding: 6px; | |
64 | + | |
65 | + &.active { | |
66 | + color: #333; | |
67 | + font-weight: bold; | |
68 | + } | |
69 | + } | |
70 | + | |
30 | 71 | input[type="text"] { |
72 | + margin-left: 5px; | |
31 | 73 | @extend .monospace; |
32 | - border: 1px solid #BBB; | |
74 | + border: 1px solid #E1E1E1; | |
33 | 75 | box-shadow: none; |
34 | - margin-left: -1px; | |
35 | - background: #FFF; | |
76 | + background: #FAFAFA; | |
77 | + padding: 6px 10px; | |
36 | 78 | } |
37 | 79 | } |
38 | 80 | ... | ... |
app/views/projects/show.html.haml
1 | -= render 'clone_panel' | |
1 | +.project-home-panel | |
2 | + .row | |
3 | + .span4 | |
4 | + %h4.project-home-title | |
5 | + = @project.name_with_namespace | |
6 | + - if @project.public | |
7 | + %span.public-label Public | |
8 | + .span8 | |
9 | + .project-home-dropdown | |
10 | + = render "dropdown" | |
11 | + .form-horizontal | |
12 | + = render "shared/clone_panel" | |
2 | 13 | |
14 | + .project-home-extra.clearfix | |
15 | + .project-home-desc | |
16 | + - if @project.description.present? | |
17 | + = @project.description | |
18 | + - if can?(current_user, :admin_project, @project) | |
19 | + – | |
20 | + %strong= link_to 'Edit', edit_project_path | |
21 | + | |
22 | + .project-home-links | |
23 | + = link_to pluralize(@repository.round_commit_count, 'commit'), project_commits_path(@project, @ref || @repository.root_ref) | |
24 | + = link_to pluralize(@repository.branch_names.count, 'branch'), project_branches_path(@project) | |
25 | + = link_to pluralize(@repository.tag_names.count, 'tag'), project_tags_path(@project) | |
26 | + %span.light.prepend-left-20= repository_size | |
27 | + | |
28 | +%hr | |
3 | 29 | .row |
4 | 30 | .span9 |
5 | 31 | = render "events/event_last_push", event: @last_push |
... | ... | @@ -7,17 +33,29 @@ |
7 | 33 | .content_list |
8 | 34 | .loading.hide |
9 | 35 | .span3 |
10 | - .light-well | |
11 | - %h3.page-title | |
12 | - = @project.name | |
13 | - - if @project.description.present? | |
14 | - %p.light= @project.description | |
36 | + .clearfix | |
37 | + - if @project.forked_from_project | |
38 | + .alert.alert-success | |
39 | + %i.icon-code-fork | |
40 | + Forked from: | |
41 | + = link_to @project.forked_from_project.name_with_namespace, project_path(@project.forked_from_project) | |
42 | + - unless @project.empty_repo? | |
43 | + - if current_user && can?(current_user, :fork_project, @project) && @project.namespace != current_user.namespace | |
44 | + - if current_user.already_forked?(@project) | |
45 | + = link_to project_path(current_user.fork_of(@project)), class: 'btn btn-block' do | |
46 | + %i.icon-ok | |
47 | + Already forked | |
48 | + - else | |
49 | + = link_to fork_project_path(@project), title: "Fork", class: "btn btn-block", method: "POST" do | |
50 | + %i.icon-code-fork | |
51 | + Fork repository | |
15 | 52 | |
16 | - %hr | |
17 | - %p | |
18 | - %p | |
19 | - %span.light Repo size is | |
20 | - = repository_size | |
53 | + - if can? current_user, :download_code, @project | |
54 | + = link_to archive_project_repository_path(@project), class: "btn btn-block" do | |
55 | + %i.icon-download-alt | |
56 | + %span Download | |
57 | + %br | |
58 | + .light-well | |
21 | 59 | %p |
22 | 60 | %span.light Created at |
23 | 61 | #{@project.created_at.stamp('Aug 22, 2013')} |
... | ... | @@ -27,19 +65,7 @@ |
27 | 65 | #{link_to @project.group.name, @project.group} Group |
28 | 66 | - else |
29 | 67 | #{link_to @project.owner_name, @project.owner} |
30 | - - if @project.forked_from_project | |
31 | - %p | |
32 | - %i.icon-code-fork | |
33 | - Forked from: | |
34 | - = link_to @project.forked_from_project.name_with_namespace, project_path(@project.forked_from_project) | |
35 | 68 | |
36 | - %hr | |
37 | - %p | |
38 | - = link_to pluralize(@repository.round_commit_count, 'commit'), project_commits_path(@project, @ref || @repository.root_ref) | |
39 | - %p | |
40 | - = link_to pluralize(@repository.branch_names.count, 'branch'), project_branches_path(@project) | |
41 | - %p | |
42 | - = link_to pluralize(@repository.tag_names.count, 'tag'), project_tags_path(@project) | |
43 | 69 | |
44 | 70 | - if @project.gitlab_ci? |
45 | 71 | %hr | ... | ... |