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

feat: tooltips on primary navigation in zenmode

Browse Source
This commit is contained in:
liyasthomas
2021-09-09 13:10:48 +05:30
parent c3e881ed77
commit 917550ff4d
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/app/Sidenav.vue
View File

@@ -15,6 +15,12 @@
<SmartIcon :name="navigation.svg" class="svg-icons" /> <SmartIcon :name="navigation.svg" class="svg-icons" />
</div> </div>
<span v-if="LEFT_SIDEBAR">{{ navigation.title }}</span> <span v-if="LEFT_SIDEBAR">{{ navigation.title }}</span>
<tippy
v-if="!LEFT_SIDEBAR"
:placement="windowInnerWidth.x.value >= 768 ? 'right' : 'bottom'"
theme="tooltip"
:content="navigation.title"
/>
</NuxtLink> </NuxtLink>
</nav> </nav>
</aside> </aside>
@@ -22,11 +28,13 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from "@nuxtjs/composition-api" import { defineComponent } from "@nuxtjs/composition-api"
import useWindowSize from "~/helpers/utils/useWindowSize"
import { useSetting } from "~/newstore/settings" import { useSetting } from "~/newstore/settings"
export default defineComponent({ export default defineComponent({
setup() { setup() {
return { return {
windowInnerWidth: useWindowSize(),
LEFT_SIDEBAR: useSetting("LEFT_SIDEBAR"), LEFT_SIDEBAR: useSetting("LEFT_SIDEBAR"),
} }
}, },