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/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