Add table responsive layout and fix search icon visibility
-Add responsive layout for all the tables.
-Fix search icon visibility in search component.
Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: Ibb4f77cf322aeb3699b13ab6cbbdb6cc38efbdc4
diff --git a/src/views/Health/EventLogs/EventLogs.vue b/src/views/Health/EventLogs/EventLogs.vue
index bf34016..488efca 100644
--- a/src/views/Health/EventLogs/EventLogs.vue
+++ b/src/views/Health/EventLogs/EventLogs.vue
@@ -41,6 +41,7 @@
<b-table
id="table-event-logs"
ref="table"
+ responsive="md"
selectable
no-select-on-click
sort-icon-left
@@ -213,7 +214,7 @@
key: 'actions',
sortable: false,
label: '',
- tdClass: 'text-right'
+ tdClass: 'text-right text-nowrap'
}
],
tableFilters: [
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
index 6a99652..ffbfc79 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
@@ -1,6 +1,6 @@
<template>
<page-section :section-title="$t('pageHardwareStatus.bmcManager')">
- <b-table :items="items" :fields="fields">
+ <b-table responsive="md" :items="items" :fields="fields">
<!-- Expand chevron icon -->
<template v-slot:cell(expandRow)="row">
<b-button
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
index fdf58de..5632e83 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
@@ -1,6 +1,6 @@
<template>
<page-section :section-title="$t('pageHardwareStatus.chassis')">
- <b-table :items="chassis" :fields="fields">
+ <b-table responsive="md" :items="chassis" :fields="fields">
<!-- Expand chevron icon -->
<template v-slot:cell(expandRow)="row">
<b-button
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
index 6ae7443..79bbe96 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
@@ -9,6 +9,7 @@
sort-icon-left
no-sort-reset
sort-by="health"
+ responsive="md"
:items="dimms"
:fields="fields"
:sort-desc="true"
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
index 70d5d6d..e9cbf04 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
@@ -8,6 +8,7 @@
<b-table
sort-icon-left
no-sort-reset
+ responsive="md"
sort-by="health"
:items="fans"
:fields="fields"
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
index 98ec52d..b6dd326 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
@@ -8,6 +8,7 @@
<b-table
sort-icon-left
no-sort-reset
+ responsive="md"
sort-by="health"
:items="powerSupplies"
:fields="fields"
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
index 68f5de5..bff9108 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
@@ -1,6 +1,6 @@
<template>
<page-section :section-title="$t('pageHardwareStatus.system')">
- <b-table :items="systems" :fields="fields">
+ <b-table responsive="md" :items="systems" :fields="fields">
<!-- Expand chevron icon -->
<template v-slot:cell(expandRow)="row">
<b-button
diff --git a/src/views/Health/Sensors/Sensors.vue b/src/views/Health/Sensors/Sensors.vue
index a73c4ad..f8564d8 100644
--- a/src/views/Health/Sensors/Sensors.vue
+++ b/src/views/Health/Sensors/Sensors.vue
@@ -28,6 +28,7 @@
</table-toolbar>
<b-table
ref="table"
+ responsive="md"
selectable
no-select-on-click
sort-icon-left
@@ -82,16 +83,16 @@
</template>
<script>
-import PageTitle from '../../../components/Global/PageTitle';
-import StatusIcon from '../../../components/Global/StatusIcon';
-import Search from '../../../components/Global/Search';
-import TableFilter from '../../../components/Global/TableFilter';
+import PageTitle from '@/components/Global/PageTitle';
+import Search from '@/components/Global/Search';
+import StatusIcon from '@/components/Global/StatusIcon';
+import TableFilter from '@/components/Global/TableFilter';
import TableToolbar from '@/components/Global/TableToolbar';
import TableToolbarExport from '@/components/Global/TableToolbarExport';
-import TableFilterMixin from '../../../components/Mixins/TableFilterMixin';
import BVTableSelectableMixin from '@/components/Mixins/BVTableSelectableMixin';
import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
+import TableFilterMixin from '@/components/Mixins/TableFilterMixin';
import TableDataFormatterMixin from '@/components/Mixins/TableDataFormatterMixin';
import TableSortMixin from '@/components/Mixins/TableSortMixin';