Style Overview Sidebar

This commit is contained in:
Felix Niklas 2014-07-24 16:59:43 +02:00
parent 7a3cf277a5
commit 0a194be8ea
2 changed files with 37 additions and 3 deletions

View file

@ -1,7 +1,12 @@
<ul class="nav nav-pills nav-stacked">
<% if @items: %>
<% for item in @items: %>
<li <% if item.active: %>class="active"<% end %>><a href="<%= item.target %>"><span class="local"><%- @T(item.name) %></span><span class="badge pull-right"><%= item.count %></span></a></li>
<li <% if item.active: %>class="active"<% end %>>
<a class="horizontal center" href="<%= item.target %>">
<span class="local contain-text"><%- @T(item.name) %></span>
<span class="badge"><%= item.count %></span>
</a>
</li>
<% end %>
<% end %>
</ul>

View file

@ -1896,13 +1896,19 @@ footer {
}
.sidebar {
width: 270px;
padding: 1px 20px 20px;
width: 32%;
max-width: 353px;
padding: 20px;
background: white;
border-right: 1px solid #e6e6e6;
overflow: auto;
}
.NavBarAdmin.sidebar {
padding-top: 1px;
width: 270px;
}
.nav-stacked > li + li {
margin-top: 0;
}
@ -1944,6 +1950,29 @@ footer {
margin-right: -10px;
}
.sidebar:not(.NavBarAdmin) .nav-pills > li:first-child > a {
border-top: none;
}
.badge {
padding: 0;
font-size: inherit;
font-weight: normal;
color: #d0d2d3;
background: none;
border-radius: 0;
}
.nav-pills > li > a > .badge {
margin-left: auto;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #96969b;
background: none;
}
.main {
padding: 10px 20px;
background: #f8f9fa;