diff options
author | SurenNeware <sneware9@in.ibm.com> | 2020-07-08 13:27:23 +0300 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-07-24 02:08:56 +0300 |
commit | 5e25e2819a1d76ddd1bab1bd828adb0d6b9c9142 (patch) | |
tree | ef4fd88fd4d846a3d4ebbf3df4a8ca036b825a7a /src/views/AccessControl | |
parent | be88c61e6aedd361f1583f33152190ea6118fef1 (diff) | |
download | webui-vue-5e25e2819a1d76ddd1bab1bd828adb0d6b9c9142.tar.xz |
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
Diffstat (limited to 'src/views/AccessControl')
4 files changed, 16 insertions, 14 deletions
diff --git a/src/views/AccessControl/Ldap/TableRoleGroups.vue b/src/views/AccessControl/Ldap/TableRoleGroups.vue index 63b73a2e..c09d1661 100644 --- a/src/views/AccessControl/Ldap/TableRoleGroups.vue +++ b/src/views/AccessControl/Ldap/TableRoleGroups.vue @@ -30,6 +30,7 @@ /> <b-table ref="table" + responsive selectable no-select-on-click no-sort-reset diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue index 957ea137..7906072e 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 IconChevron from '@carbon/icons-vue/es/chevron--up/20'; 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 @@ export default { { key: 'actions', label: '', - tdClass: 'text-right' + tdClass: 'text-right text-nowrap' } ], tableToolbarActions: [ diff --git a/src/views/AccessControl/LocalUserManagement/TableRoles.vue b/src/views/AccessControl/LocalUserManagement/TableRoles.vue index a951b4f5..24aeb30f 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 /> diff --git a/src/views/AccessControl/SslCertificates/SslCertificates.vue b/src/views/AccessControl/SslCertificates/SslCertificates.vue index 7dcb4dd9..681ea4be 100644 --- a/src/views/AccessControl/SslCertificates/SslCertificates.vue +++ b/src/views/AccessControl/SslCertificates/SslCertificates.vue @@ -49,7 +49,7 @@ </b-row> <b-row> <b-col xl="11"> - <b-table :fields="fields" :items="tableItems"> + <b-table responsive="md" :fields="fields" :items="tableItems"> <template v-slot:cell(validFrom)="{ value }"> {{ value | formatDate }} </template> @@ -94,12 +94,12 @@ import IconTrashcan from '@carbon/icons-vue/es/trash-can/20'; import ModalGenerateCsr from './ModalGenerateCsr'; import ModalUploadCertificate from './ModalUploadCertificate'; -import PageTitle from '../../../components/Global/PageTitle'; -import TableRowAction from '../../../components/Global/TableRowAction'; -import StatusIcon from '../../../components/Global/StatusIcon'; -import Alert from '../../../components/Global/Alert'; +import PageTitle from '@/components/Global/PageTitle'; +import TableRowAction from '@/components/Global/TableRowAction'; +import StatusIcon from '@/components/Global/StatusIcon'; +import Alert from '@/components/Global/Alert'; -import BVToastMixin from '../../../components/Mixins/BVToastMixin'; +import BVToastMixin from '@/components/Mixins/BVToastMixin'; import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin'; export default { @@ -143,7 +143,7 @@ export default { { key: 'actions', label: '', - tdClass: 'text-right' + tdClass: 'text-right text-nowrap' } ] }; |