add sort icons in all tables

3 files changed, 21 insertions, 3 deletions

diff --git a/src/assets/images/_sila/sort-ascending.svg b/src/assets/images/_sila/sort-ascending.svg
new file mode 100644
index 00000000..7916824e
--- /dev/null
+++ b/src/assets/images/_sila/sort-ascending.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 6H9V8H3V6ZM3 18V16H21V18H3ZM3 11H15V13H3V11Z" fill="#0C1C29"/>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/_sila/sort-descending.svg b/src/assets/images/_sila/sort-descending.svg
new file mode 100644
index 00000000..843da93a
--- /dev/null
+++ b/src/assets/images/_sila/sort-descending.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.33333 10H4.66667C5.125 10 5.5 9.625 5.5 9.16667C5.5 8.70833 5.125 8.33333 4.66667 8.33333H1.33333C0.875 8.33333 0.5 8.70833 0.5 9.16667C0.5 9.625 0.875 10 1.33333 10ZM0.5 0.833333C0.5 1.29167 0.875 1.66667 1.33333 1.66667H14.6667C15.125 1.66667 15.5 1.29167 15.5 0.833333C15.5 0.375 15.125 0 14.6667 0H1.33333C0.875 0 0.5 0.375 0.5 0.833333ZM1.33333 5.83333H9.66667C10.125 5.83333 10.5 5.45833 10.5 5C10.5 4.54167 10.125 4.16667 9.66667 4.16667H1.33333C0.875 4.16667 0.5 4.54167 0.5 5C0.5 5.45833 0.875 5.83333 1.33333 5.83333Z" fill="#0C1C29" fill-opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/src/assets/styles/bmc/_sila/_tables.scss b/src/assets/styles/bmc/_sila/_tables.scss
index 5344249a..8d9f391e 100644
--- a/src/assets/styles/bmc/_sila/_tables.scss
+++ b/src/assets/styles/bmc/_sila/_tables.scss
@@ -6,6 +6,19 @@
   border-collapse: separate;
   border-spacing: 0px;
 
+  &.b-table > thead > tr {
+    &>[aria-sort='ascending'] {
+      background-image: url('~@/assets/images/_sila/sort-ascending.svg');
+      background-size: 17px;
+
+    }
+    &>[aria-sort='descending'],
+    [aria-sort='none'] {
+      background-image: url('~@/assets/images/_sila/sort-descending.svg');
+      background-size: 14px;
+    }
+  }
+  
   thead {
     th {
       border: none;
@@ -113,7 +126,7 @@
   }
 
   .b-table-sort-icon-left {
-    background-position: left calc(1.5rem / 2) center !important;
+    background-position: left calc(1.1rem / 2) center !important;
     padding-left: calc(1.2rem + 0.65em) !important;
     &:focus {
       outline: none;
@@ -200,5 +213,4 @@
       padding-left: 1rem;
     }
   }
-}
-
+}
\ No newline at end of file