diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue index 4bacb020c06151498c876fc79afe99e311373356..158b45e42dfcf05da71c69d185c5cc859c1fc657 100644 --- a/src/components/Autocomplete.vue +++ b/src/components/Autocomplete.vue @@ -28,7 +28,8 @@ <v-menu allowOverflow: true> <template v-slot:activator="{ on, attrs }"> - <v-btn min-width="0px" v-bind="attrs" v-on="on" plain depressed color = "primary" text><span v-if="!$vuetify.breakpoint.mobile"> + <v-btn min-width="0px" v-bind="attrs" v-on="on" plain depressed color = "primary" text @click.native="items=[]"> + <span v-if="!$vuetify.breakpoint.mobile"> {{$t(`dicts.${$parent.lang}`)}} </span><span v-if="$vuetify.breakpoint.mobile">{{$parent.lang}}</span><v-icon>expand_more</v-icon></v-btn> </template> @@ -44,8 +45,31 @@ <v-dialog max-width="1200" width="1200" v-model="menuDialog" hide-overlay :fullscreen="$vuetify.breakpoint.mobile" :close-on-content-click="false" transition="dialog-top-transition"> <template v-slot:activator="{ on, attrs }"> - <v-btn :aria-label="$t('menu.title')" v-bind="attrs" v-on="on" min-width="0px" class = "search-field-button" plain depressed color = "primary" text><span v-if="!$vuetify.breakpoint.mobile"></span><v-icon>more_vert</v-icon></v-btn> + <v-btn @click.native="items=[]" + :aria-label="$t('menu.title')" + v-bind="attrs" + v-on="on" + min-width="0px" + class = "search-field-button" + plain + depressed + color = "primary" + text> + <span v-if="!$vuetify.breakpoint.mobile"></span><v-icon>more_vert</v-icon></v-btn> </template> + <v-toolbar v-if="!$vuetify.breakpoint.mobile" dense dark color="primary"> + <v-toolbar-title>{{$t('menu.title')}}</v-toolbar-title><v-spacer></v-spacer> + <v-toolbar-items><v-divider vertical/> + + <v-btn + @click="menuDialog=false" + dark + text + >{{$t("close")}} + <v-icon right>close</v-icon> + </v-btn> + </v-toolbar-items> + </v-toolbar> <Menu @close="menuDialog=false"/> </v-dialog> </template>