From 576acc8d94a82cba35d15dadd4d2c497e38254bd Mon Sep 17 00:00:00 2001
From: Tony Air <tony@thewebdevelopmentagency.com>
Date: Tue, 3 Dec 2019 00:45:03 +0700
Subject: [PATCH] Bootstrap table adapter

---
 src/scss/_components/_ui.bootstrap-table.scss | 39 +++++++++++++++++++
 src/scss/_components/_ui.main.scss            |  8 ++++
 2 files changed, 47 insertions(+)
 create mode 100755 src/scss/_components/_ui.bootstrap-table.scss

diff --git a/src/scss/_components/_ui.bootstrap-table.scss b/src/scss/_components/_ui.bootstrap-table.scss
new file mode 100755
index 0000000..2b118fe
--- /dev/null
+++ b/src/scss/_components/_ui.bootstrap-table.scss
@@ -0,0 +1,39 @@
+@import "~bootstrap-table/src/bootstrap-table.scss";
+
+.bootstrap-table {
+    .fixed-table-container {
+        .table {
+            thead th {
+                .both, .asc, .desc {
+                    background-image: none;
+
+                    &:after {
+                        margin-left: .5em;
+                        content: '';
+                        font-family: "Font Awesome 5 Free";
+                        font-weight: 900;
+                    }
+                }
+
+                .asc:after {
+                    content: "\f0de";
+                }
+
+                .desc:after {
+                    content: "\f0dd";
+                }
+
+                .both:after {
+                    content: "\f0dc";
+                }
+
+                .th-inner.sortable {
+                    &:hover,
+                    &:focus {
+                        opacity: .8;
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/src/scss/_components/_ui.main.scss b/src/scss/_components/_ui.main.scss
index aaaa12a..8a397ec 100755
--- a/src/scss/_components/_ui.main.scss
+++ b/src/scss/_components/_ui.main.scss
@@ -33,6 +33,14 @@ a:focus,
     }
 }
 
+// exclude bootstrap-table
+[data-toggle="table"] {
+    &:hover,
+    &:focus {
+        opacity: 1;
+    }
+}
+
 [data-toggle="collapse"] {
     &[aria-expanded="true"] {
         .accordion-icon {