diff options
| author | SurenNeware <sneware9@in.ibm.com> | 2020-10-13 14:38:20 +0300 |
|---|---|---|
| committer | Derick Montague <derick.montague@ibm.com> | 2020-10-23 23:49:01 +0300 |
| commit | a35b5a15ab7df82cde190698e18dbb3a0e5da075 (patch) | |
| tree | f201eb71d6c9d3bd0f5161a73f41ad202a4dc470 | |
| parent | 1f8117f810a87e563aa2e33c67a7779dc0542a0d (diff) | |
| download | webui-vue-a35b5a15ab7df82cde190698e18dbb3a0e5da075.tar.xz | |
Fixed event logs pagination on small screen
Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: Ifb3963d416a7e2663af24c3c7b1d2c1876af6788
| -rw-r--r-- | src/assets/styles/bmc/custom/_pagination.scss | 6 | ||||
| -rw-r--r-- | src/views/Health/EventLogs/EventLogs.vue | 4 |
2 files changed, 8 insertions, 2 deletions
diff --git a/src/assets/styles/bmc/custom/_pagination.scss b/src/assets/styles/bmc/custom/_pagination.scss index 0c2ac85c..d38ce5d2 100644 --- a/src/assets/styles/bmc/custom/_pagination.scss +++ b/src/assets/styles/bmc/custom/_pagination.scss @@ -1,6 +1,7 @@ .table-pagination-select { display: flex; flex-direction: row-reverse; + justify-content: flex-end; select { width: fit-content; } @@ -11,9 +12,12 @@ } .b-pagination { + @include media-breakpoint-up(sm) { + justify-content: flex-end; + } .page-item.active button { color: theme-color("dark"); - background-color: $white; + background-color: color("white"); border-color: $border-color; box-shadow: inset 0px -3px theme-color("primary"); } diff --git a/src/views/Health/EventLogs/EventLogs.vue b/src/views/Health/EventLogs/EventLogs.vue index af576521..22a62837 100644 --- a/src/views/Health/EventLogs/EventLogs.vue +++ b/src/views/Health/EventLogs/EventLogs.vue @@ -116,7 +116,7 @@ <!-- Table pagination --> <b-row> - <b-col class="d-md-flex justify-content-between"> + <b-col sm="6"> <b-form-group class="table-pagination-select" :label="$t('global.table.itemsPerPage')" @@ -128,6 +128,8 @@ :options="itemsPerPageOptions" /> </b-form-group> + </b-col> + <b-col sm="6"> <b-pagination v-model="currentPage" first-number |