ayanova/devdocs/todo.txt

@@ -837,5 +837,5 @@ Current v8 docs home: https://www.ayanova.com/docs/
 BUILD 8.0.0-beta.1-rc4 CHANGES OF NOTE
 
 - subscriptions lists fixed bug where no type selected would display "[undefined]" in data list, now displays nothing
-- fixed tag control title which was too high
+- fixed tag control title which was too high and smaller chips so that tag controls are same height as other controls and can show more in a smaller space.
 - added missing "duration" field description to notify-subscription docs

ayanova/src/components/tag-picker.vue

@@ -1,37 +1,36 @@
 <template>
-  <div>
+  <v-autocomplete
-    <v-autocomplete
+    :value="value"
-      :value="value"
+    :readonly="readonly"
-      :readonly="readonly"
+    :items="sourcetags"
-      :items="sourcetags"
+    :loading="tagSearchUnderway"
-      :loading="tagSearchUnderway"
+    :placeholder="placeHolderText"
-      :placeholder="placeHolderText"
+    :persistent-placeholder="persistentPlaceHolder"
-      :persistent-placeholder="persistentPlaceHolder"
+    :hint="hint"
-      :hint="hint"
+    :label="noLabel ? '' : title"
-      :label="noLabel ? '' : title"
+    :prepend-inner-icon="prependInnerIcon"
-      :prepend-inner-icon="prependInnerIcon"
+    :no-data-text="$ay.t('NoData')"
-      :no-data-text="$ay.t('NoData')"
+    :search-input.sync="tagSearchEntry"
-      :search-input.sync="tagSearchEntry"
+    :clearable="clearable"
-      :clearable="clearable"
+    hide-selected
-      hide-selected
+    multiple
-      multiple
+    chips
-      chips
+    small-chips
-      deletable-chips
+    deletable-chips
-      cache-items
+    cache-items
-      :rules="rules"
+    :rules="rules"
-      :error-messages="errorMessages"
+    :error-messages="errorMessages"
-      @input="input($event)"
+    @input="input($event)"
-    >
+  >
-      <template v-if="offerAdd()" slot="no-data">
+    <template v-if="offerAdd()" slot="no-data">
-        <v-chip color="primary" text-color="white" class="text-h4">
+      <v-chip color="primary" text-color="white" class="text-h4">
-          {{ normalizeTag(tagSearchEntry) }}</v-chip
+        {{ normalizeTag(tagSearchEntry) }}</v-chip
-        >
+      >
-        <v-btn large icon @click="addTag()">
+      <v-btn large icon @click="addTag()">
-          <v-icon large color="success">$ayiPlusCircle</v-icon>
+        <v-icon large color="success">$ayiPlusCircle</v-icon>
-        </v-btn>
+      </v-btn>
-      </template>
+    </template>
-    </v-autocomplete>
+  </v-autocomplete>
-  </div>
 </template>
 <script>
 export default {