add table sort arrow
This commit is contained in:
parent
713ebaa680
commit
51963fe859
2 changed files with 14 additions and 1 deletions
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue