diff options
author | Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com> | 2015-05-06 17:47:42 +0300 |
---|---|---|
committer | Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com> | 2015-05-06 17:47:42 +0300 |
commit | 065637a80e0701f13e14e18d6e10d1f16a693ac5 (patch) | |
tree | d82ff67997ae17d653abbd1d27ea724653d6a02a | |
parent | 3f2282300d9c97e8c0c1df955bdd13d7ee1dc96e (diff) | |
parent | fb00ed9983dd515142352f06a1d9a0dd4751d167 (diff) |
Merge branch 'ui-improvements' into 'master'
Small UI improvements to make project sidebar more neat
* make sidebar blocks more compact
* make clone panel smaller for better aspect ratio
* make `forked from` section cleaner
Screenshot:
![Screenshot_2015-05-06_16.42.12](https://gitlab.com/gitlab-org/gitlab-ce/uploads/69723db619ae7ae4d9551f6340d45384/Screenshot_2015-05-06_16.42.12.png)
cc @rspeicher
See merge request !617
-rw-r--r-- | app/assets/stylesheets/pages/projects.scss | 3 | ||||
-rw-r--r-- | app/views/projects/_aside.html.haml | 8 | ||||
-rw-r--r-- | app/views/projects/_section.html.haml | 9 | ||||
-rw-r--r-- | app/views/shared/_clone_panel.html.haml | 6 |
4 files changed, 15 insertions, 11 deletions
diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss index afa8aa24ee4..e6a4bc62c58 100644 --- a/app/assets/stylesheets/pages/projects.scss +++ b/app/assets/stylesheets/pages/projects.scss @@ -201,9 +201,12 @@ ul.nav.nav-projects-tabs { } .well { + padding: 14px; + h4 { font-weight: normal; margin: 0; + color: #555; } .nav-pills a { diff --git a/app/views/projects/_aside.html.haml b/app/views/projects/_aside.html.haml index 1a7ab74c93a..b3ae2569499 100644 --- a/app/views/projects/_aside.html.haml +++ b/app/views/projects/_aside.html.haml @@ -51,10 +51,10 @@ - if @project.forked_from_project .well - %i.fa.fa-code-fork.project-fork-icon - Forked from: - %br - = link_to @project.forked_from_project.name_with_namespace, project_path(@project.forked_from_project) + %h4 + Forked from + .pull-right + = link_to @project.forked_from_project.namespace.try(:name), project_path(@project.forked_from_project) - if version = @repository.version diff --git a/app/views/projects/_section.html.haml b/app/views/projects/_section.html.haml index e6b04c5a34d..0b7f4cb780a 100644 --- a/app/views/projects/_section.html.haml +++ b/app/views/projects/_section.html.haml @@ -26,9 +26,10 @@ - if readme = @repository.readme .tab-pane#tab-readme %article.readme-holder#README - = link_to namespace_project_blob_path(@project.namespace, @project, tree_join(@repository.root_ref, readme.name)) do - %h4.readme-file-title - %i.fa.fa-file - = readme.name + .clearfix + %small.pull-right + = link_to namespace_project_blob_path(@project.namespace, @project, tree_join(@repository.root_ref, readme.name)), class: 'light' do + %i.fa.fa-file + = readme.name .wiki = render_readme(readme) diff --git a/app/views/shared/_clone_panel.html.haml b/app/views/shared/_clone_panel.html.haml index 96357cac592..aaab0d35f59 100644 --- a/app/views/shared/_clone_panel.html.haml +++ b/app/views/shared/_clone_panel.html.haml @@ -3,7 +3,7 @@ .input-group-btn %button{ | :type => 'button', | - class: "btn #{ 'active' if default_clone_protocol == 'ssh' }#{ ' has_tooltip' if current_user && current_user.require_ssh_key? }", | + class: "btn btn-sm #{ 'active' if default_clone_protocol == 'ssh' }#{ ' has_tooltip' if current_user && current_user.require_ssh_key? }", | :"data-clone" => project.ssh_url_to_repo, | :"data-title" => "Add an SSH key to your profile<br> to pull or push via SSH", :"data-html" => "true", @@ -11,13 +11,13 @@ SSH %button{ | :type => 'button', | - class: "btn #{ 'active' if default_clone_protocol == 'http' }#{ ' has_tooltip' if current_user && current_user.require_password? }", | + class: "btn btn-sm #{ 'active' if default_clone_protocol == 'http' }#{ ' has_tooltip' if current_user && current_user.require_password? }", | :"data-clone" => project.http_url_to_repo, | :"data-title" => "Set a password on your account<br> to pull or push via #{gitlab_config.protocol.upcase}", :"data-html" => "true", :"data-container" => "body"} = gitlab_config.protocol.upcase - = text_field_tag :project_clone, default_url_to_repo(project), class: "js-select-on-focus form-control", readonly: true + = text_field_tag :project_clone, default_url_to_repo(project), class: "js-select-on-focus form-control input-sm", readonly: true - if project.kind_of?(Project) .input-group-addon .visibility-level-label.has_tooltip{'data-title' => "#{visibility_level_label(project.visibility_level)} project" } |