summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleGroupList.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/GroupModuleGroupList.vue')
-rw-r--r--webapp/src/components/GroupModuleGroupList.vue30
1 files changed, 23 insertions, 7 deletions
diff --git a/webapp/src/components/GroupModuleGroupList.vue b/webapp/src/components/GroupModuleGroupList.vue
index a8471e6..dff666d 100644
--- a/webapp/src/components/GroupModuleGroupList.vue
+++ b/webapp/src/components/GroupModuleGroupList.vue
@@ -23,13 +23,13 @@
<template>
<div>
- <v-card>
- <data-table v-model="selected" :headers="headers" :items="groups" :loading="loading" @dblclick="loadGroup($event)">
- <div slot="actions" slot-scope="row" style="text-align: right">
- <v-btn icon @click.stop @mousedown="loadGroup(row.item)" style="margin: 0"><v-icon>keyboard_arrow_right</v-icon></v-btn>
- </div>
- </data-table>
- </v-card>
+ <v-divider></v-divider>
+ <data-table class="group-table" v-model="selected" :headers="headers" :items="groups" :loading="loading" @dblclick="loadGroup($event)">
+ <div slot="actions" slot-scope="row" style="text-align: right">
+ <v-btn icon @click.stop @mousedown="loadGroup(row.item)" style="margin: 0"><v-icon>keyboard_arrow_right</v-icon></v-btn>
+ </div>
+ </data-table>
+ <v-divider></v-divider>
<div v-if="tabIndex === 0" class="text-xs-right">
<v-btn flat color="error" @click="deleteSelected" :disabled="selected.length === 0">
<v-icon left>delete</v-icon>{{ $tc('deleteGroups', selected.length, [selected.length]) }}
@@ -101,4 +101,20 @@ export default {
margin-left: 20px;
margin-right: -10px;
}
+
+.group-table {
+ position: relative;
+}
+
+.group-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>