diff --git a/app/src/components/BaseSelectize.vue b/app/src/components/BaseSelectize.vue
index 8ea1109c..89404403 100644
--- a/app/src/components/BaseSelectize.vue
+++ b/app/src/components/BaseSelectize.vue
@@ -2,8 +2,8 @@
-
-
+
+ {{ label }}
-
+
{{ item | filter(format) }}
@@ -20,10 +16,10 @@
@@ -42,8 +38,7 @@ export default {
selected: { type: Array, required: true },
// needed by SelectizeBase
choices: { type: Array, required: true },
- searchIcon: { type: String, default: 'search' },
- ariaLabel: { type: String, required: true },
+ label: { type: String, default: null },
format: { type: Function, default: null },
removable: { type: Function, default: null }
},
@@ -63,15 +58,6 @@ export default {
methods: {
onRemove (item) {
this.$emit('change', { item, index: this.selected.indexOf(item), action: 'remove' })
- },
- onItemButtonBlur ({ target, relatedTarget }) {
- if (target.nextElementSibling === relatedTarget) {
- relatedTarget.classList.add('display')
- }
- },
-
- onItemDeleteBlur ({ target }) {
- target.classList.remove('display')
}
},
@@ -98,42 +84,11 @@ export default {
margin-right: .5rem;
margin-bottom: .5rem;
- &:hover {
- .remove-btn {
- display: inline-block;
- }
-
- .item-btn {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- }
-
.item-btn {
- border-top-right-radius: $border-radius;
- border-bottom-right-radius: $border-radius;
-
- &:focus, &:hover {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-
- & ~ .remove-btn {
- display: inline-block;
- }
- }
-
.icon {
margin-right: .25rem;
}
}
-
- .remove-btn {
- display: none;
-
- &.display {
- display: inline-block;
- }
- }
}
}
diff --git a/app/src/views/group/GroupList.vue b/app/src/views/group/GroupList.vue
index ebf56add..0015212c 100644
--- a/app/src/views/group/GroupList.vue
+++ b/app/src/views/group/GroupList.vue
@@ -57,8 +57,8 @@
@@ -71,10 +71,10 @@
@@ -123,8 +123,8 @@