From f9832b0edc48b349f6de2df419815ef38a6ae469 Mon Sep 17 00:00:00 2001
From: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Date: Tue, 12 May 2020 12:04:46 -0700
Subject: Add pagination to Event Log table

Created BvPaginationMixin for shared pagination values
and methods. Chose to use exising BoostrapVue components
as-is instead of wrapping in a custom component since
it would add unnecessary complexity.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I246d761d90db36efeb442b0ee1074b629d32edef
---
 .../styles/vendor-overrides/bootstrap/_index.scss    |  1 +
 .../vendor-overrides/bootstrap/_pagination.scss      | 20 ++++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/assets/styles/vendor-overrides/bootstrap/_pagination.scss

(limited to 'src/assets')

diff --git a/src/assets/styles/vendor-overrides/bootstrap/_index.scss b/src/assets/styles/vendor-overrides/bootstrap/_index.scss
index d7634db9..8f80e5c4 100644
--- a/src/assets/styles/vendor-overrides/bootstrap/_index.scss
+++ b/src/assets/styles/vendor-overrides/bootstrap/_index.scss
@@ -7,5 +7,6 @@
 @import "./dropdown";
 @import "./forms";
 @import "./modal";
+@import "./pagination";
 @import "./tables";
 @import "./toasts";
\ No newline at end of file
diff --git a/src/assets/styles/vendor-overrides/bootstrap/_pagination.scss b/src/assets/styles/vendor-overrides/bootstrap/_pagination.scss
new file mode 100644
index 00000000..4fed21ba
--- /dev/null
+++ b/src/assets/styles/vendor-overrides/bootstrap/_pagination.scss
@@ -0,0 +1,20 @@
+.table-pagination-select {
+  display: flex;
+  flex-direction: row-reverse;
+  select {
+    width: fit-content;
+  }
+  label {
+    margin-left: $spacer;
+    line-height: $spacer * 2;
+  }
+}
+
+.b-pagination {
+  .page-item.active button {
+    color: $dark;
+    background-color: $white;
+    border-color: $border-color;
+    box-shadow: inset 0px -3px $primary;
+  }
+}
\ No newline at end of file
-- 
cgit v1.2.3