commit 5e25e2819a1d76ddd1bab1bd828adb0d6b9c9142
author SurenNeware <sneware9@in.ibm.com> Wed Jul 08 15:57:23 2020 +0530
committer Yoshie Muranaka <yoshiemuranaka@gmail.com> Thu Jul 23 23:08:56 2020 +0000
tree ef4fd88fd4d846a3d4ebbf3df4a8ca036b825a7a
parent be88c61e6aedd361f1583f33152190ea6118fef1

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

src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue

diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
index 957ea13..7906072 100644
--- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
+++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
@@ -28,6 +28,7 @@
         />
         <b-table
           ref="table"
+          responsive="md"
           selectable
           no-select-on-click
           :fields="fields"
@@ -116,13 +117,13 @@
 
 import ModalUser from './ModalUser';
 import ModalSettings from './ModalSettings';
-import PageTitle from '../../../components/Global/PageTitle';
+import PageTitle from '@/components/Global/PageTitle';
 import TableRoles from './TableRoles';
-import TableToolbar from '../../../components/Global/TableToolbar';
-import TableRowAction from '../../../components/Global/TableRowAction';
+import TableToolbar from '@/components/Global/TableToolbar';
+import TableRowAction from '@/components/Global/TableRowAction';
 
-import BVTableSelectableMixin from '../../../components/Mixins/BVTableSelectableMixin';
-import BVToastMixin from '../../../components/Mixins/BVToastMixin';
+import BVTableSelectableMixin from '@/components/Mixins/BVTableSelectableMixin';
+import BVToastMixin from '@/components/Mixins/BVToastMixin';
 import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
 
 export default {
@@ -163,7 +164,7 @@
         {
           key: 'actions',
           label: '',
-          tdClass: 'text-right'
+          tdClass: 'text-right text-nowrap'
         }
       ],
       tableToolbarActions: [

src/views/AccessControl/LocalUserManagement/TableRoles.vue

diff --git a/src/views/AccessControl/LocalUserManagement/TableRoles.vue b/src/views/AccessControl/LocalUserManagement/TableRoles.vue
index a951b4f..24aeb30 100644
--- a/src/views/AccessControl/LocalUserManagement/TableRoles.vue
+++ b/src/views/AccessControl/LocalUserManagement/TableRoles.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-table small :items="items" :fields="fields">
+  <b-table stacked="sm" small :items="items" :fields="fields">
     <template v-slot:cell(administrator)="data">
       <template v-if="data.value">
         <checkmark20 />