Commit 0a08c775193af3ee566700017d85517b7f9829cd
1 parent
00d6ac29
Exists in
master
and in
4 other branches
Improve UX for project home page
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Showing
3 changed files
with
34 additions
and
15 deletions
Show diff stats
app/assets/stylesheets/sections/projects.scss
| ... | ... | @@ -16,7 +16,7 @@ |
| 16 | 16 | |
| 17 | 17 | .project-home-panel { |
| 18 | 18 | border-bottom: 1px solid #DDD; |
| 19 | - padding-bottom: 30px; | |
| 19 | + padding-bottom: 25px; | |
| 20 | 20 | margin-bottom: 30px; |
| 21 | 21 | |
| 22 | 22 | .project-home-title { |
| ... | ... | @@ -166,3 +166,21 @@ ul.nav.nav-projects-tabs { |
| 166 | 166 | color: #777; |
| 167 | 167 | } |
| 168 | 168 | } |
| 169 | + | |
| 170 | +.project-side { | |
| 171 | + .btn-block { | |
| 172 | + background-image: none; | |
| 173 | + background-color: #F1f1f1; | |
| 174 | + border-color: #EEE; | |
| 175 | + &:hover { | |
| 176 | + background-color: #eee; | |
| 177 | + border-color: #DDD; | |
| 178 | + } | |
| 179 | + } | |
| 180 | + .project-fork-icon { | |
| 181 | + float: left; | |
| 182 | + font-size: 26px; | |
| 183 | + margin-right: 10px; | |
| 184 | + line-height: 1.5; | |
| 185 | + } | |
| 186 | +} | ... | ... |
app/views/projects/_dropdown.html.haml
| ... | ... | @@ -6,15 +6,19 @@ |
| 6 | 6 | - if @project.issues_enabled && can?(current_user, :write_issue, @project) |
| 7 | 7 | %li |
| 8 | 8 | = link_to url_for_new_issue, title: "New Issue" do |
| 9 | - Issue | |
| 9 | + New issue | |
| 10 | 10 | - if @project.merge_requests_enabled && can?(current_user, :write_merge_request, @project) |
| 11 | 11 | %li |
| 12 | 12 | = link_to new_project_merge_request_path(@project), title: "New Merge Request" do |
| 13 | - Merge Request | |
| 13 | + New merge request | |
| 14 | 14 | - if @project.snippets_enabled && can?(current_user, :write_snippet, @project) |
| 15 | 15 | %li |
| 16 | 16 | = link_to new_project_snippet_path(@project), title: "New Snippet" do |
| 17 | - Snippet | |
| 17 | + New snippet | |
| 18 | + - if can?(current_user, :admin_team_member, @project) | |
| 19 | + %li | |
| 20 | + = link_to new_project_team_member_path(@project), title: "New project member" do | |
| 21 | + New project member | |
| 18 | 22 | - if can? current_user, :push_code, @project |
| 19 | 23 | %li.divider |
| 20 | 24 | %li |
| ... | ... | @@ -26,9 +30,4 @@ |
| 26 | 30 | %i.icon-tag |
| 27 | 31 | Git tag |
| 28 | 32 | |
| 29 | - - if can?(current_user, :admin_team_member, @project) | |
| 30 | - %li.divider | |
| 31 | - %li | |
| 32 | - = link_to new_project_team_member_path(@project), title: "New project member" do | |
| 33 | - Project member | |
| 34 | 33 | ... | ... |
app/views/projects/show.html.haml
| ... | ... | @@ -34,19 +34,20 @@ |
| 34 | 34 | = render 'shared/event_filter' |
| 35 | 35 | .content_list |
| 36 | 36 | .loading.hide |
| 37 | - .span3 | |
| 37 | + .span3.project-side | |
| 38 | 38 | .clearfix |
| 39 | 39 | - if @project.forked_from_project |
| 40 | 40 | .alert.alert-success |
| 41 | - %i.icon-code-fork | |
| 41 | + %i.icon-code-fork.project-fork-icon | |
| 42 | 42 | Forked from: |
| 43 | + %br | |
| 43 | 44 | = link_to @project.forked_from_project.name_with_namespace, project_path(@project.forked_from_project) |
| 44 | 45 | - unless @project.empty_repo? |
| 45 | 46 | - if current_user && can?(current_user, :fork_project, @project) && @project.namespace != current_user.namespace |
| 46 | 47 | - if current_user.already_forked?(@project) |
| 47 | 48 | = link_to project_path(current_user.fork_of(@project)), class: 'btn btn-block' do |
| 48 | - %i.icon-ok | |
| 49 | - Already forked | |
| 49 | + %i.icon-compass | |
| 50 | + Go to fork | |
| 50 | 51 | - else |
| 51 | 52 | = link_to fork_project_path(@project), title: "Fork", class: "btn btn-block", method: "POST" do |
| 52 | 53 | %i.icon-code-fork |
| ... | ... | @@ -56,8 +57,9 @@ |
| 56 | 57 | = link_to archive_project_repository_path(@project), class: "btn btn-block" do |
| 57 | 58 | %i.icon-download-alt |
| 58 | 59 | %span Download |
| 59 | - %br | |
| 60 | - .light-well | |
| 60 | + = link_to project_compare_index_path(@project, from: @repository.root_ref, to: @ref || @repository.root_ref), class: 'btn btn-block' do | |
| 61 | + Compare code | |
| 62 | + .prepend-top-10 | |
| 61 | 63 | %p |
| 62 | 64 | %span.light Created on |
| 63 | 65 | #{@project.created_at.stamp('Aug 22, 2013')} | ... | ... |