diff options
| author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-05-12 22:04:46 +0300 |
|---|---|---|
| committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-06-10 23:44:34 +0300 |
| commit | f9832b0edc48b349f6de2df419815ef38a6ae469 (patch) | |
| tree | 9af95f6163fb1371343526e8b09d631cdff058c8 /src/assets/styles | |
| parent | c60d2e11286986a4ea9abd6e464857f22e7ad6ff (diff) | |
| download | webui-vue-f9832b0edc48b349f6de2df419815ef38a6ae469.tar.xz | |
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
Diffstat (limited to 'src/assets/styles')
| -rw-r--r-- | src/assets/styles/vendor-overrides/bootstrap/_index.scss | 1 | ||||
| -rw-r--r-- | src/assets/styles/vendor-overrides/bootstrap/_pagination.scss | 20 |
2 files changed, 21 insertions, 0 deletions
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 |