@afeefa/vue-app 0.0.183 → 0.0.185

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

@@ -1 +1 @@
-0.0.183
+0.0.185

package/package.json

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

package/src/components/ATabs.vue

@@ -49,7 +49,8 @@ export default class ATabs extends Vue {
 
   setTab (index) {
     this.currentIndex = index
-    this.$children.forEach((tab, i) => {
+    const tabs = this.$slots.default.map(s => s.componentInstance)
+    tabs.forEach((tab, i) => {
       if (i === this.currentIndex) {
         tab.show()
       } else {
@@ -92,7 +93,7 @@ export default class ATabs extends Vue {
     }
 
     &.selected {
-      background: #DDDDDD;
+      background: #EEEEEE;
       color: #666666;
     }
   }

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

@@ -161,7 +161,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/app/AppBarTitle.vue

@@ -20,7 +20,7 @@
       v-text="icon.icon"
     />
 
-    <div class="titleContainer ml-n2">
+    <div class="titleContainer ml-n1">
       <h3 v-if="subtitle">
         {{ subtitle }}
       </h3>

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>