Have inital up and down arrow before user sorts column and change arr…

…ows to be less bold.
kyle-wannacott · Dec 29, 2023 · a339b12 · a339b12
1 parent 40e34fe
commit a339b12
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/public/table-sort.js b/public/table-sort.js
@@ -383,7 +383,8 @@ function tableSortJs(testingTableSortJS = false, domDocumentWindow = document) {
       return sortAscending(b, a);
     }
 
-    function clearArrows(arrowUp = "▲", arrowDown = "▼") {
+    function clearArrows(arrowUp, arrowDown, initialArrow = "↕") {
+      th.innerHTML = th.innerHTML.replace(initialArrow, "");
       th.innerHTML = th.innerHTML.replace(arrowUp, "");
       th.innerHTML = th.innerHTML.replace(arrowDown, "");
     }
@@ -515,13 +516,12 @@ function tableSortJs(testingTableSortJS = false, domDocumentWindow = document) {
     columnIndexesClicked
   ) {
     const desc = th.classList.contains("order-by-desc");
-    const arrow = { up: " ▲", down: " ▼" };
+    const initialArrow = " ↕";
+    const arrow = { up: " ↑", down: " ↓" };
     const fillValue = "!X!Y!Z!";
 
-    if (desc && table.hasClass.tableArrows) {
-      th.insertAdjacentText("beforeend", arrow.down);
-    } else if (table.hasClass.tableArrows) {
-      th.insertAdjacentText("beforeend", arrow.up);
+    if (table.hasClass.tableArrows) {
+      th.insertAdjacentText("beforeend", initialArrow);
     }
 
     let timesClickedColumn = 0;