From 9ea258cf6f6064296ef4bdb0c17e77c3270351b5 Mon Sep 17 00:00:00 2001
From: Udo Walter
Date: Mon, 22 Jul 2019 16:28:40 +0000
Subject: [documentation] add groups/clients module documentation

---
 webapp/src/components/GroupModuleGroupView.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'webapp/src/components/GroupModuleGroupView.vue')

diff --git a/webapp/src/components/GroupModuleGroupView.vue b/webapp/src/components/GroupModuleGroupView.vue
index 159f249..b969691 100644
--- a/webapp/src/components/GroupModuleGroupView.vue
+++ b/webapp/src/components/GroupModuleGroupView.vue
@@ -10,7 +10,7 @@
   "de": {
     "info": "Info",
     "showall": "Alle",
-    "groups": "Groups",
+    "groups": "Gruppen",
     "subgroups": "Untergruppen",
     "clients": "Clients"
   }
@@ -34,7 +34,7 @@
             v-if="group.id !== 'create'"
             :input-value="group.tabShowAll"
             @change="setShowAll"
-            class="show-toggle"
+            class="show-toggle tutorial-element label-right" style="--label-number: '3'"
             :label="$t('showall')"
             hide-details
             color="primary"
@@ -50,14 +50,16 @@
             {{ group.subgroups ? group.subgroups.length : 0 }}
             <span class="ml-1">{{ group.id > 0 ? $t('subgroups') : $t('groups') }}</span>
           </div>
-          <v-btn v-if="group.id === 0" icon @click="toggleCollapsedView" :class="{ 'upside-down': settings.collapsedView }">
+          <v-btn v-if="group.id === 0" icon @click="toggleCollapsedView" :class="{ 'upside-down': settings.collapsedView }"
+            class="tutorial-element label-top-left element-icon" style="--label-number: '5'"
+          >
             <v-icon>expand_less</v-icon>
           </v-btn>
           <v-switch
             v-if="group.id === 0"
             :input-value="group.tabShowAll"
             @change="setShowAll"
-            class="show-toggle"
+            class="show-toggle tutorial-element label-right" style="--label-number: '3'"
             :label="$t('showall')"
             hide-details
             color="primary"
@@ -189,6 +191,7 @@ export default {
 }
 
 .show-toggle {
+  height: 48px;
   padding: 0 16px;
   margin: 0;
   flex: initial;
-- 
cgit v1.2.3-55-g7522

