@afeefa/vue-app 0.0.184 → 0.0.186

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.184
+0.0.186

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.184",
+  "version": "0.0.186",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src-admin/components/InformationBar.vue

@@ -53,9 +53,9 @@ export default class InformationBar extends Vue {
   }
 
   mounted () {
-    this.mutationWatcher = new MutationObserver(this.domChanged)
-    this.mutationWatcher.observe(this.$el.querySelector('#information-bar__children > .top'), { childList: true })
-    this.mutationWatcher.observe(this.$el.querySelector('#information-bar__children > .bottom'), { childList: true })
+    const mutationWatcher = new MutationObserver(this.domChanged)
+    mutationWatcher.observe(this.$el.querySelector('#information-bar__children > .top'), { childList: true })
+    mutationWatcher.observe(this.$el.querySelector('#information-bar__children > .bottom'), { childList: true })
 
     this.domChanged()
   }
@@ -192,7 +192,7 @@ export default class InformationBar extends Vue {
 
   &.mobile {
     position: fixed;
-    z-index: 299;
+    z-index: 199;
     right: 0;
 
     &:not(.rail) {

package/src-admin/components/NavigationBar.vue

@@ -136,6 +136,10 @@ export default class NavigationBar extends Vue {
     }
     return null
   }
+
+  logout () {
+    this.$auth.logout()
+  }
 }
 </script>
 
@@ -161,7 +165,7 @@ export default class NavigationBar extends Vue {
   &.mobile {
     position: fixed;
     box-shadow: 0 0 7px #00000066;
-    z-index: 299;
+    z-index: 199;
   }
 }
 

package/src-admin/components/StickyFooterContainer.vue

@@ -20,8 +20,8 @@ export default class StickyFooterContainer extends Vue {
   visible = false
 
   mounted () {
-    this.mutationWatcher = new MutationObserver(this.domChanged)
-    this.mutationWatcher.observe(this.getChildrenContainer(), { childList: true })
+    const mutationWatcher = new MutationObserver(this.domChanged)
+    mutationWatcher.observe(this.getChildrenContainer(), { childList: true })
   }
 
   domChanged () {

package/src-admin/components/StickyHeader.vue

@@ -45,9 +45,9 @@ export default class StickyHeader extends Vue {
 
   mounted () {
     // watch mutation
-    this.mutationWatcher = new MutationObserver(this.domChanged)
-    this.mutationWatcher.observe(this.$el.querySelector('.appBarTitle'), { childList: true })
-    this.mutationWatcher.observe(this.$el.querySelector('.appBarButtons'), { childList: true })
+    const mutationWatcher = new MutationObserver(this.domChanged)
+    mutationWatcher.observe(this.$el.querySelector('.appBarTitle'), { childList: true })
+    mutationWatcher.observe(this.$el.querySelector('.appBarButtons'), { childList: true })
 
     // watch intersection
     const el = document.querySelector('#stickyHeader')

package/src-admin/components/menu/SidebarMenuItem.vue

@@ -17,7 +17,10 @@
       v-else-if="item.icon"
       class="ma-0 mr-4 align-self-center"
     >
-      <v-icon :color="item.iconColor">
+      <v-icon
+        :color="item.iconColor"
+        size="1.8rem"
+      >
         {{ item.icon }}
       </v-icon>
     </v-list-item-icon>