From 29c5ed21949879c4c915aead6fb47f5bf2cf4aa2 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Wed, 6 Feb 2019 14:46:21 +0200
Subject: [PATCH] Improved select menus

---
 app/imports/ui/components/AttributeEdit.vue | 4 ++++
 app/imports/ui/components/EffectEdit.vue    | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/app/imports/ui/components/AttributeEdit.vue b/app/imports/ui/components/AttributeEdit.vue
index e7ca1b55..84a4c6cf 100644
--- a/app/imports/ui/components/AttributeEdit.vue
+++ b/app/imports/ui/components/AttributeEdit.vue
@@ -26,8 +26,10 @@
 		<v-select
 			label="Type"
 			color="accent"
+			append-icon="arrow_drop_down"
 			:items="attributeTypes"
 			:value="attribute.type"
+			:menu-props="{auto: true, lazy: true}"
 			@change="type => $emit('change', {type})"
 		/>
 		<v-switch
@@ -38,8 +40,10 @@
 		<v-select
 			label="Reset"
 			color="accent"
+			append-icon="arrow_drop_down"
 			:items="resetOptions"
 			:value="attribute.reset"
+			:menu-props="{auto: true, lazy: true}"
 			@change="reset => $emit('change', {reset})"
 		/>
 		<v-text-field
diff --git a/app/imports/ui/components/EffectEdit.vue b/app/imports/ui/components/EffectEdit.vue
index 27bc6053..d14aabea 100644
--- a/app/imports/ui/components/EffectEdit.vue
+++ b/app/imports/ui/components/EffectEdit.vue
@@ -6,6 +6,7 @@
 			<v-select
 				label="Operation"
 				append-icon="arrow_drop_down"
+				:menu-props="{transition: 'slide-y-transition', lazy: true}"
 				:items="operations"
 				:value="this.effect.operation"
 				@change="operation => $emit('change', {operation})"
@@ -45,6 +46,7 @@
 				append-icon="arrow_drop_down"
 				item-text="name"
 				item-value="variableName"
+				:menu-props="{transition: 'slide-y-transition', lazy: true}"
 				:value="effect.stat"
 				:items="stats"
 				@change="stat => $emit('change', {stat})"