feat(interface): Added visual indication that a column is sorted

An icon is shown after column text to show that it it sorted closes #5708

feat(interface): Added visual indication that a column is sorted
An icon is shown after column text to show that it it sorted closes #5708
bab4c5d0 · Côme Chilliet · 1ef5e976 · bab4c5d0 · bab4c5d0
Commit bab4c5d0 authored 7 years ago by Côme Chilliet
Hide whitespace changes
Inline Side-by-side

Showing

with 16 additions and 0 deletions
+16 -0
--- a/html/themes/breezy/lists.css
+++ b/html/themes/breezy/lists.css
@@ -31,6 +31,14 @@ html.rtl table.listingTable > thead > tr > th {
 border-left: 1px solid #c0c2c3;
 }

+/* Up and Down Arrows */
+.listingTable > thead > tr > th.descend:after {
+content: "\25B2";
+}
+.listingTable > thead > tr > th.ascend:after {
+content: "\25BC";
+}
+
 table.listingTable > tbody {
 height: 100%;
 overflow-x: hidden;

--- a/html/themes/legacy/lists.css
+++ b/html/themes/legacy/lists.css
@@ -31,6 +31,14 @@ html.rtl table.listingTable > thead > tr > th {
 border-left: 1px solid #aaa;
 }

+/* Up and Down Arrows */
+.listingTable > thead > tr > th.descend:after {
+content: "\25B2";
+}
+.listingTable > thead > tr > th.ascend:after {
+content: "\25BC";
+}
+
 table.listingTable > tbody {
 height: 100%;
 overflow-x: hidden;