btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

fix: broken tippy focus event

Browse Source
This commit is contained in:
Liyas Thomas
2022-11-02 15:05:57 +05:30
parent 4a5a4077af
commit 696c612489
3 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/hoppscotch-app/src/components.d.ts vendored
View File

@@ -108,6 +108,7 @@ declare module '@vue/runtime-core' {
IconLucideSearch: typeof import('~icons/lucide/search')['default'] IconLucideSearch: typeof import('~icons/lucide/search')['default']
IconLucideUser: typeof import('~icons/lucide/user')['default'] IconLucideUser: typeof import('~icons/lucide/user')['default']
IconLucideUsers: typeof import('~icons/lucide/users')['default'] IconLucideUsers: typeof import('~icons/lucide/users')['default']
IconLucideVerified: typeof import('~icons/lucide/verified')['default']
LensesHeadersRenderer: typeof import('./components/lenses/HeadersRenderer.vue')['default'] LensesHeadersRenderer: typeof import('./components/lenses/HeadersRenderer.vue')['default']
LensesHeadersRendererEntry: typeof import('./components/lenses/HeadersRendererEntry.vue')['default'] LensesHeadersRendererEntry: typeof import('./components/lenses/HeadersRendererEntry.vue')['default']
LensesRenderersHTMLLensRenderer: typeof import('./components/lenses/renderers/HTMLLensRenderer.vue')['default'] LensesRenderersHTMLLensRenderer: typeof import('./components/lenses/renderers/HTMLLensRenderer.vue')['default']

4
packages/hoppscotch-app/src/components/app/Header.vue
View File

@@ -104,7 +104,7 @@
ref="tippyActions" ref="tippyActions"
class="flex flex-col focus:outline-none" class="flex flex-col focus:outline-none"
tabindex="0" tabindex="0"
@keyup.enter="profile.$el.click()" @keyup.p="profile.$el.click()"
@keyup.s="settings.$el.click()" @keyup.s="settings.$el.click()"
@keyup.l="logout.$el.click()" @keyup.l="logout.$el.click()"
@keyup.escape="hide()" @keyup.escape="hide()"
@@ -126,7 +126,7 @@
to="/profile" to="/profile"
:icon="IconUser" :icon="IconUser"
:label="t('navigation.profile')" :label="t('navigation.profile')"
:shortcut="['↩']" :shortcut="['P']"
@click="hide()" @click="hide()"
/> />
<SmartItem <SmartItem

5
packages/hoppscotch-app/src/components/teams/Edit.vue
View File

@@ -90,7 +90,7 @@
interactive interactive
trigger="click" trigger="click"
theme="popover" theme="popover"
:on-shown="() => tippyActions.focus()" :on-shown="() => tippyActions![index].focus()"
> >
<span class="select-wrapper"> <span class="select-wrapper">
<input <input
@@ -216,6 +216,7 @@ import { useGQLQuery } from "~/composables/graphql"
import { useI18n } from "@composables/i18n" import { useI18n } from "@composables/i18n"
import { useToast } from "@composables/toast" import { useToast } from "@composables/toast"
import { useColorMode } from "@composables/theming" import { useColorMode } from "@composables/theming"
import { TippyComponent } from "vue-tippy"
import IconCircleDot from "~icons/lucide/circle-dot" import IconCircleDot from "~icons/lucide/circle-dot"
import IconCircle from "~icons/lucide/circle" import IconCircle from "~icons/lucide/circle"
@@ -233,7 +234,7 @@ const emit = defineEmits<{
}>() }>()
// Template refs // Template refs
const tippyActions = ref<any | null>(null) const tippyActions = ref<TippyComponent[] | null>(null)
const props = defineProps<{ const props = defineProps<{
show: boolean show: boolean