diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue index 66b3f62ef0e0b4e5d385e437488467679dcdff3b..94061f5b54c90058edb305635019a30c4f6011f4 100644 --- a/src/components/Autocomplete.vue +++ b/src/components/Autocomplete.vue @@ -29,9 +29,17 @@ :dense="$vuetify.breakpoint.smAndDown" > <template v-slot:append> - <v-divider/> - <v-btn icon><v-icon>more_vert</v-icon></v-btn> + <v-divider vertical/> + <v-dialog transition="dialog-button-transition" max-width="600"> + <template v-slot:activator="{ on, attrs }"> + <v-btn plain depressed active-class="none" v-bind="attrs" v-on="on" color = "primary" text>Alle ordklasser<v-icon right>more_vert</v-icon></v-btn> + </template> + <template v-slot:default="dialog"> + <v-card> Test<v-btn @click="dialog.value = false">Lukk</v-btn></v-card> + </template> + </v-dialog> </template> + <template v-slot:item="data"> <span class="search-hit"> {{data.item.label}}