prevent table sortIcon shrinkage

This commit is contained in:
Felix Niklas 2015-10-22 13:52:52 +02:00
parent 2ffe0d2efa
commit 1c6a32c8ce
2 changed files with 11 additions and 2 deletions

View file

@ -15,12 +15,16 @@
<% end %> <% end %>
<% for item, i in @header: %> <% for item, i in @header: %>
<th<%= " class='#{ item.className }'" if item.className %><%= " style='#{ item.style }'" if item.style %> data-column-key="<%= item.name %>"> <th<%= " class='#{ item.className }'" if item.className %><%= " style='#{ item.style }'" if item.style %> data-column-key="<%= item.name %>">
<div class="table-column-head">
<div class="table-column-title js-sort"> <div class="table-column-title js-sort">
<%- @T( item.display ) %> <%- @T( item.display ) %>
</div>
<div class="table-column-sortIcon">
<% if item.sortOrderIcon: %> <% if item.sortOrderIcon: %>
<%- @Icon(item.sortOrderIcon[0], item.sortOrderIcon[1]) %> <%- @Icon(item.sortOrderIcon[0], item.sortOrderIcon[1]) %>
<% end %> <% end %>
</div> </div>
</div>
<% if i < @header.length - 1: %> <% if i < @header.length - 1: %>
<div class="table-col-resize js-col-resize"></div> <div class="table-col-resize js-col-resize"></div>
<% end %> <% end %>

View file

@ -699,8 +699,13 @@ table {
box-sizing: content-box; box-sizing: content-box;
} }
.table-column-title { .table-column-head {
cursor: pointer; cursor: pointer;
display: flex;
}
.table-column-sortIcon {
margin-left: auto;
} }
.table > tbody > tr > td { .table > tbody > tr > td {