expanded the CSS customization possibilities for table sorting icons

Author: devhus

packages/bootstrap-vue-3/src/components/BTable/BTable.vue

@@ -36,8 +36,9 @@
               :direction="sortDescBoolean ? 'desc' : 'asc'"
             >
               <span
-                v-if="isSortable && field.sortable && field.key === sortBy"
+                v-if="isSortable && field.sortable"
                 class="b-table-sort-icon text-muted small"
+                :class="{sorted: field.key === sortBy}"
               />
             </slot>
             <div>

packages/bootstrap-vue-3/src/components/BTable/_table.scss

@@ -175,11 +175,11 @@
   }
 
   &.b-table-sortable {
-    &.b-table-sort-asc .b-table-sort-icon::before {
+    &.b-table-sort-asc .sorted.b-table-sort-icon::before {
       content: "▲";
     }
 
-    &.b-table-sort-desc .b-table-sort-icon::before {
+    &.b-table-sort-desc .sorted.b-table-sort-icon::before {
       content: "▼";
     }
   }