Improve styling for new complex sidebar
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
This commit is contained in:
parent
03f2dd90ec
commit
de6360f904
|
@ -63,7 +63,6 @@
|
|||
|
||||
.count {
|
||||
color: $color-light;
|
||||
background: $color-dark;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -144,7 +144,7 @@
|
|||
}
|
||||
|
||||
a {
|
||||
padding: 7px 15px;
|
||||
padding: 7px 12px;
|
||||
font-size: $gl-font-size;
|
||||
line-height: 24px;
|
||||
color: $gray;
|
||||
|
@ -169,10 +169,12 @@
|
|||
}
|
||||
|
||||
.count {
|
||||
float: right;
|
||||
background: #eee;
|
||||
padding: 0 8px;
|
||||
@include border-radius(6px);
|
||||
&:before {
|
||||
content: '(';
|
||||
}
|
||||
&:after {
|
||||
content: ')';
|
||||
}
|
||||
}
|
||||
|
||||
&.back-link i {
|
||||
|
@ -288,55 +290,42 @@
|
|||
}
|
||||
}
|
||||
|
||||
.page-sidebar-expanded {
|
||||
.complex-sidebar {
|
||||
display: inline-block;
|
||||
.complex-sidebar {
|
||||
display: inline-block;
|
||||
|
||||
.nav-primary {
|
||||
width: 61px;
|
||||
float: left;
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.1);
|
||||
height: 100vh;
|
||||
|
||||
.nav-sidebar {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.nav-primary {
|
||||
width: 60px;
|
||||
float: left;
|
||||
|
||||
.nav-sidebar {
|
||||
li a {
|
||||
width: 60px;
|
||||
|
||||
li a {
|
||||
width: 60px;
|
||||
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-secondary {
|
||||
padding-bottom: 100px;
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.1);
|
||||
float: left;
|
||||
.nav-secondary {
|
||||
float: left;
|
||||
width: 168px;
|
||||
|
||||
.nav-sidebar {
|
||||
width: 168px;
|
||||
|
||||
.nav-sidebar {
|
||||
li a {
|
||||
width: 168px;
|
||||
|
||||
li a {
|
||||
width: 168px;
|
||||
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-sidebar-collapsed {
|
||||
.nav-secondary {
|
||||
display: none;
|
||||
transition-duration: .3s;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
.page-with-sidebar{ class: "#{page_sidebar_class} #{page_gutter_class}" }
|
||||
= render "layouts/broadcast"
|
||||
.expand-nav
|
||||
= link_to icon('bars'), '#', class: 'toggle-nav-collapse', title: "Open/Close"
|
||||
= link_to icon('bars'), '#', class: 'toggle-nav-collapse', title: "Open sidebar"
|
||||
.sidebar-wrapper.nicescroll{ class: nav_sidebar_class }
|
||||
.header-logo
|
||||
%a#logo
|
||||
|
@ -22,7 +22,7 @@
|
|||
= render "layouts/nav/#{primary_sidebar}"
|
||||
|
||||
.collapse-nav
|
||||
= link_to icon('angle-left'), '#', class: 'toggle-nav-collapse', title: "Open/Close"
|
||||
= link_to icon('angle-left'), '#', class: 'toggle-nav-collapse', title: "Hide sidebar"
|
||||
- if current_user
|
||||
= link_to current_user, class: 'sidebar-user', title: "Profile" do
|
||||
= image_tag avatar_icon(current_user, 60), alt: 'Profile', class: 'avatar avatar s36'
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
= icon('dashboard fw')
|
||||
%span
|
||||
Activity
|
||||
= nav_link(controller: :groups) do
|
||||
= nav_link(path: ['groups#index']) do
|
||||
= link_to dashboard_groups_path, title: 'Groups' do
|
||||
= icon('group fw')
|
||||
%span
|
||||
|
|
|
@ -1,12 +1,4 @@
|
|||
%ul.nav.nav-sidebar
|
||||
= nav_link do
|
||||
= link_to root_path, title: 'Go to dashboard', class: 'back-link' do
|
||||
= icon('caret-square-o-left fw')
|
||||
%span
|
||||
Go to dashboard
|
||||
|
||||
%li.separate-item
|
||||
|
||||
= nav_link(path: 'groups#show', html_options: {class: 'home'}) do
|
||||
= link_to group_path(@group), title: 'Home' do
|
||||
= icon('group fw')
|
||||
|
@ -42,7 +34,7 @@
|
|||
%span
|
||||
Members
|
||||
- if can?(current_user, :admin_group, @group)
|
||||
= nav_link(html_options: { class: "separate-item" }) do
|
||||
= nav_link(html_options: { class: "" }) do
|
||||
= link_to edit_group_path(@group), title: 'Settings' do
|
||||
= icon ('cogs fw')
|
||||
%span
|
||||
|
|
Loading…
Reference in New Issue