Make header into links; CSS tweaks34024-sidebar-header

5 files changed, 14 insertions, 9 deletions

diff --git a/app/assets/stylesheets/new_sidebar.scss b/app/assets/stylesheets/new_sidebar.scss
index c8f0e1f4764..efcf456a8d1 100644
--- a/app/assets/stylesheets/new_sidebar.scss
+++ b/app/assets/stylesheets/new_sidebar.scss
@@ -19,6 +19,7 @@ $new-sidebar-width: 220px;
 .context-header {
   background-color: $gray-normal;
   border-bottom: 1px solid $border-color;
+  font-weight: 600;
   display: flex;
   align-items: center;
   padding: 10px 14px;
@@ -26,15 +27,20 @@ $new-sidebar-width: 220px;
   .avatar-container {
     flex: 0 0 40px;
   }
+
+  &:hover {
+    background-color: $border-color;
+  }
 }
 
 .settings-avatar {
   background-color: $white-light;
 
-  .fa-wrench {
+  .fa-wrench,
+  .fa-user {
     font-size: 20px;
     width: 100%;
-    color: $gl-text-color-light;
+    color: $gl-text-color-secondary;
     text-align: center;
     align-self: center;
   }
diff --git a/app/views/layouts/nav/_new_admin_sidebar.html.haml b/app/views/layouts/nav/_new_admin_sidebar.html.haml
index a5cb3e0da73..c9415469912 100644
--- a/app/views/layouts/nav/_new_admin_sidebar.html.haml
+++ b/app/views/layouts/nav/_new_admin_sidebar.html.haml
@@ -1,6 +1,5 @@
 .nav-sidebar
-  -# = render 'layouts/nav/admin_settings'
-  .context-header
+  = link_to admin_root_path, title: 'Overview', class: 'context-header' do
     .avatar-container.s40.settings-avatar
       = icon('wrench')
     .project-title Admin Area
diff --git a/app/views/layouts/nav/_new_group_sidebar.html.haml b/app/views/layouts/nav/_new_group_sidebar.html.haml
index 8eab32a6391..7720918be54 100644
--- a/app/views/layouts/nav/_new_group_sidebar.html.haml
+++ b/app/views/layouts/nav/_new_group_sidebar.html.haml
@@ -1,5 +1,5 @@
 .nav-sidebar
-  .context-header
+  = link_to group_path(@group), title: 'Home', class: 'context-header' do
     .avatar-container.s40.group-avatar
       = image_tag group_icon(@group), class: "avatar s40 avatar-tile"
     .group-title
diff --git a/app/views/layouts/nav/_new_profile_sidebar.html.haml b/app/views/layouts/nav/_new_profile_sidebar.html.haml
index 465bad1de21..033ea149cfb 100644
--- a/app/views/layouts/nav/_new_profile_sidebar.html.haml
+++ b/app/views/layouts/nav/_new_profile_sidebar.html.haml
@@ -1,8 +1,8 @@
 .nav-sidebar
-  .context-header
+  = link_to profile_path, title: 'Profile Settings', class: 'context-header' do
     .avatar-container.s40.settings-avatar
-      = icon('wrench')
-    .project-title Settings
+      = icon('user')
+    .project-title User Settings
   %ul.sidebar-top-level-items
     = nav_link(path: 'profiles#show', html_options: {class: 'home'}) do
       = link_to profile_path, title: 'Profile Settings' do
diff --git a/app/views/layouts/nav/_new_project_sidebar.html.haml b/app/views/layouts/nav/_new_project_sidebar.html.haml
index de0f4e3d2bc..eae9da5da14 100644
--- a/app/views/layouts/nav/_new_project_sidebar.html.haml
+++ b/app/views/layouts/nav/_new_project_sidebar.html.haml
@@ -1,6 +1,6 @@
 .nav-sidebar
   - can_edit = can?(current_user, :admin_project, @project)
-  .context-header
+  = link_to project_path(@project), title: 'Project', class: 'context-header' do
     .avatar-container.s40.project-avatar
       = project_icon(@project, alt: @project.name, class: 'avatar s40 avatar-tile')
     .project-title