diff --git a/public/assets/images/dreieck_down.png b/public/assets/images/dreieck_down.png deleted file mode 100644 index 1b3eb528cede821e2d8a9b6d638aa75a32a3583a..0000000000000000000000000000000000000000 Binary files a/public/assets/images/dreieck_down.png and /dev/null differ diff --git a/public/assets/images/dreieck_down@2x.png b/public/assets/images/dreieck_down@2x.png deleted file mode 100644 index c11d6889e2f69cb599d6010e3608d94c4249b501..0000000000000000000000000000000000000000 Binary files a/public/assets/images/dreieck_down@2x.png and /dev/null differ diff --git a/public/assets/images/dreieck_up.png b/public/assets/images/dreieck_up.png deleted file mode 100644 index eefd3e09c79bb421e40367dc235317f1c93cbfe7..0000000000000000000000000000000000000000 Binary files a/public/assets/images/dreieck_up.png and /dev/null differ diff --git a/public/assets/images/dreieck_up@2x.png b/public/assets/images/dreieck_up@2x.png deleted file mode 100644 index 165dc6c1a52a288d784f1765849f298fab2133ac..0000000000000000000000000000000000000000 Binary files a/public/assets/images/dreieck_up@2x.png and /dev/null differ diff --git a/resources/assets/stylesheets/less/tables.less b/resources/assets/stylesheets/less/tables.less index 3018062f1b2ce281a4e986bf60aec09b7355e651..6eab679e5cce169deb97dea9fb04cb17bf0765c3 100644 --- a/resources/assets/stylesheets/less/tables.less +++ b/resources/assets/stylesheets/less/tables.less @@ -649,14 +649,15 @@ table.withdetails { display: inline-block; height: 16px; margin-left: 0; - .retina-background-image('dreieck_@{direction}.png', 'dreieck_@{direction}@2x.png', 16px, 16px); - vertical-align: text-top; + .background-icon('arr_1@{direction}'); + vertical-align: text-bottom; width: 16px; } } .sortable-table { - .header, .tablesorter-header:not(.sorter-false) { + .header, + .tablesorter-header:not(.sorter-false) { white-space: nowrap; color: @base-color; @@ -664,18 +665,20 @@ table.withdetails { color: @active-color; cursor: pointer; } + &.tablesorter-headerDesc:hover .tablesorter-header-inner::after { + .background-icon('arr_1down', 'status-red'); + } + &.tablesorter-headerAsc:hover .tablesorter-header-inner::after { + .background-icon('arr_1up', 'status-red'); + } } - .headerSortUp, .tablesorter-headerDesc .tablesorter-header-inner { + .headerSortUp, + .tablesorter-headerDesc .tablesorter-header-inner { .sortable-dreieck('down'); - &::after { - vertical-align: inherit; - } } - .headerSortDown, .tablesorter-headerAsc .tablesorter-header-inner { + .headerSortDown, + .tablesorter-headerAsc .tablesorter-header-inner { .sortable-dreieck('up'); - &::after { - vertical-align: inherit; - } } .tablesorter-headerUnSorted:not(.sorter-false) .tablesorter-header-inner { margin-right: 15px;