prevent table sortIcon shrinkage
This commit is contained in:
parent
2ffe0d2efa
commit
1c6a32c8ce
2 changed files with 11 additions and 2 deletions
|
@ -15,11 +15,15 @@
|
||||||
<% 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-title js-sort">
|
<div class="table-column-head">
|
||||||
|
<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>
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue