add table sort arrow

This commit is contained in:
Felix Niklas 2015-09-29 15:15:45 +02:00
parent 713ebaa680
commit 51963fe859
2 changed files with 14 additions and 1 deletions

View file

@ -14,7 +14,10 @@
<th style="width: 22px"></th> <th style="width: 22px"></th>
<% end %> <% end %>
<% for item in @header: %> <% for item in @header: %>
<th<% if item.className: %> class="<%= item.className %>"<% end %><% if item.style: %> style="<%= item.style %>"<% end %>><%- @T( item.display ) %></th> <th<% if item.className: %> class="<%= item.className %>"<% end %><% if item.style: %> style="<%= item.style %>"<% end %>>
<%- @T( item.display ) %>
<%- @Icon('arrow-down', 'table-sort-arrow') %>
</th>
<% end %> <% end %>
<% if @destroy: %> <% if @destroy: %>
<th><%- @T('Delete') %></th> <th><%- @T('Delete') %></th>

View file

@ -637,6 +637,16 @@ table {
fill: hsl(240,1%,77%); fill: hsl(240,1%,77%);
} }
.table .table-sort-arrow {
opacity: 1;
fill: hsl(206,7%,33%);
width: 8px;
height: 8px;
margin-left: 3px;
margin-top: -2px;
vertical-align: middle;
}
.checkbox-replacement, .checkbox-replacement,
.radio-replacement { .radio-replacement {
padding: 0; padding: 0;