@afeefa/vue-app 0.0.183 → 0.0.185

Sign up to get free protection for your applications and to get access to all the features.
@@ -1 +1 @@
1
- 0.0.183
1
+ 0.0.185
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@afeefa/vue-app",
3
- "version": "0.0.183",
3
+ "version": "0.0.185",
4
4
  "description": "",
5
5
  "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
6
6
  "license": "MIT",
@@ -49,7 +49,8 @@ export default class ATabs extends Vue {
49
49
 
50
50
  setTab (index) {
51
51
  this.currentIndex = index
52
- this.$children.forEach((tab, i) => {
52
+ const tabs = this.$slots.default.map(s => s.componentInstance)
53
+ tabs.forEach((tab, i) => {
53
54
  if (i === this.currentIndex) {
54
55
  tab.show()
55
56
  } else {
@@ -92,7 +93,7 @@ export default class ATabs extends Vue {
92
93
  }
93
94
 
94
95
  &.selected {
95
- background: #DDDDDD;
96
+ background: #EEEEEE;
96
97
  color: #666666;
97
98
  }
98
99
  }
@@ -53,9 +53,9 @@ export default class InformationBar extends Vue {
53
53
  }
54
54
 
55
55
  mounted () {
56
- this.mutationWatcher = new MutationObserver(this.domChanged)
57
- this.mutationWatcher.observe(this.$el.querySelector('#information-bar__children > .top'), { childList: true })
58
- this.mutationWatcher.observe(this.$el.querySelector('#information-bar__children > .bottom'), { childList: true })
56
+ const mutationWatcher = new MutationObserver(this.domChanged)
57
+ mutationWatcher.observe(this.$el.querySelector('#information-bar__children > .top'), { childList: true })
58
+ mutationWatcher.observe(this.$el.querySelector('#information-bar__children > .bottom'), { childList: true })
59
59
 
60
60
  this.domChanged()
61
61
  }
@@ -192,7 +192,7 @@ export default class InformationBar extends Vue {
192
192
 
193
193
  &.mobile {
194
194
  position: fixed;
195
- z-index: 299;
195
+ z-index: 199;
196
196
  right: 0;
197
197
 
198
198
  &:not(.rail) {
@@ -161,7 +161,7 @@ export default class NavigationBar extends Vue {
161
161
  &.mobile {
162
162
  position: fixed;
163
163
  box-shadow: 0 0 7px #00000066;
164
- z-index: 299;
164
+ z-index: 199;
165
165
  }
166
166
  }
167
167
 
@@ -20,8 +20,8 @@ export default class StickyFooterContainer extends Vue {
20
20
  visible = false
21
21
 
22
22
  mounted () {
23
- this.mutationWatcher = new MutationObserver(this.domChanged)
24
- this.mutationWatcher.observe(this.getChildrenContainer(), { childList: true })
23
+ const mutationWatcher = new MutationObserver(this.domChanged)
24
+ mutationWatcher.observe(this.getChildrenContainer(), { childList: true })
25
25
  }
26
26
 
27
27
  domChanged () {
@@ -45,9 +45,9 @@ export default class StickyHeader extends Vue {
45
45
 
46
46
  mounted () {
47
47
  // watch mutation
48
- this.mutationWatcher = new MutationObserver(this.domChanged)
49
- this.mutationWatcher.observe(this.$el.querySelector('.appBarTitle'), { childList: true })
50
- this.mutationWatcher.observe(this.$el.querySelector('.appBarButtons'), { childList: true })
48
+ const mutationWatcher = new MutationObserver(this.domChanged)
49
+ mutationWatcher.observe(this.$el.querySelector('.appBarTitle'), { childList: true })
50
+ mutationWatcher.observe(this.$el.querySelector('.appBarButtons'), { childList: true })
51
51
 
52
52
  // watch intersection
53
53
  const el = document.querySelector('#stickyHeader')
@@ -20,7 +20,7 @@
20
20
  v-text="icon.icon"
21
21
  />
22
22
 
23
- <div class="titleContainer ml-n2">
23
+ <div class="titleContainer ml-n1">
24
24
  <h3 v-if="subtitle">
25
25
  {{ subtitle }}
26
26
  </h3>
@@ -17,7 +17,10 @@
17
17
  v-else-if="item.icon"
18
18
  class="ma-0 mr-4 align-self-center"
19
19
  >
20
- <v-icon :color="item.iconColor">
20
+ <v-icon
21
+ :color="item.iconColor"
22
+ size="1.8rem"
23
+ >
21
24
  {{ item.icon }}
22
25
  </v-icon>
23
26
  </v-list-item-icon>