Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Style Overview Sidebar

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/assets/javascripts/app/views/agent_ticket_view/navbar.jst.eco
View file

@ -1,7 +1,12 @@
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">
<% if @items: %> <% if @items: %>
<% for item in @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 %>
<% end %> <% end %>
</ul> </ul>

33
app/assets/stylesheets/zzz.css.erb
View file

@ -1896,13 +1896,19 @@ footer {
} }
.sidebar { .sidebar {
width: 270px; width: 32%;
padding: 1px 20px 20px; max-width: 353px;
padding: 20px;
background: white; background: white;
border-right: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
overflow: auto; overflow: auto;
} }
.NavBarAdmin.sidebar {
padding-top: 1px;
width: 270px;
}
.nav-stacked > li + li { .nav-stacked > li + li {
margin-top: 0; margin-top: 0;
} }
@ -1944,6 +1950,29 @@ footer {
margin-right: -10px; 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 { .main {
padding: 10px 20px; padding: 10px 20px;
background: #f8f9fa; background: #f8f9fa;