Make header into links; CSS tweaks
This commit is contained in:
parent
ef722faa95
commit
646feca6d7
5 changed files with 14 additions and 8 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.nav-sidebar
|
||||
.context-header
|
||||
= link_to admin_root_path, title: 'Overview', class: 'context-header' do
|
||||
.avatar-container.s40.settings-avatar
|
||||
= icon('wrench')
|
||||
.project-title Admin Area
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue