Datatable: add button management

1 files changed, 32 insertions, 0 deletions

diff --git a/scss/custom.scss b/scss/custom.scss
index 7c6b2fde8..b97424674 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -42,6 +42,8 @@ label {
   border-radius: 0;
 }
 
+/* datatable - start */
+
 table.dataTable {
     font-size: 0.8em;
 }
@@ -50,6 +52,35 @@ table.dataTable {
     font-size: 1em;
 }
 
+div.dt-buttons{
+    float: right;
+}
+
+.dt-button{
+    color: #fff;
+    background-color: #007bff;
+    border-color: #007bff;
+
+    display: inline-block;
+    font-weight: 400;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    border: 1px solid transparent;
+
+    @include button-variant($secondary, $secondary);
+    @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
+    @include transition($btn-transition);
+}
+
+.dt-button.disabled{
+    background-color: #f8f9fa;
+    border-color: #f8f9fa;
+    color: $gray-500;
+}
+
+/* datatable - end */
+
 h3, .h3 {
     font-size: 1.5rem;
 }
@@ -167,6 +198,7 @@ div#foot a:hover {
     list-style: none;
 }
 
+
 /* ui-autocomplete - start */
 
 .ui-widget-content {