summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleClientList.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/GroupModuleClientList.vue')
-rw-r--r--webapp/src/components/GroupModuleClientList.vue28
1 files changed, 21 insertions, 7 deletions
diff --git a/webapp/src/components/GroupModuleClientList.vue b/webapp/src/components/GroupModuleClientList.vue
index 44cb749..ef01ee3 100644
--- a/webapp/src/components/GroupModuleClientList.vue
+++ b/webapp/src/components/GroupModuleClientList.vue
@@ -29,13 +29,11 @@
<template>
<div>
- <v-card>
- <data-table v-model="selected" :headers="headers" :items="clients" :loading="loading" @dblclick="loadClient($event)" min-width="1300px">
- <div slot="actions" slot-scope="row" style="text-align: right">
- <v-btn icon @click.stop @mousedown="loadClient(row.item)" style="margin: 0"><v-icon>keyboard_arrow_right</v-icon></v-btn>
- </div>
- </data-table>
- </v-card>
+ <data-table class="client-table" v-model="selected" :headers="headers" :items="clients" :loading="loading" @dblclick="loadClient($event)" min-width="1300px">
+ <div slot="actions" slot-scope="row" style="text-align: right">
+ <v-btn icon @click.stop @mousedown="loadClient(row.item)" style="margin: 0"><v-icon>keyboard_arrow_right</v-icon></v-btn>
+ </div>
+ </data-table>
<div class="text-xs-right">
<v-btn flat color="primary" @click="wake" :disabled="selected.length === 0">
<v-icon left>notifications_active</v-icon>{{ $tc('wakeClients', selected.length, [selected.length]) }}
@@ -121,4 +119,20 @@ export default {
margin-left: 20px;
margin-right: -10px;
}
+
+.client-table {
+ position: relative;
+}
+
+.client-table::before {
+ pointer-events: none;
+ z-index: 3;
+ box-shadow: inset 0px 0px 6px rgba(0,0,0,0.5);
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ content: "";
+}
</style>