Browse Source

feat(nc-gui): add tooltip

pull/7611/head
DarkPhoenix2704 9 months ago
parent
commit
cbbb702029
  1. 34
      packages/nc-gui/components/smartsheet/calendar/index.vue

34
packages/nc-gui/components/smartsheet/calendar/index.vue

@ -143,13 +143,19 @@ const headerText = computed(() => {
<div class="flex flex-col w-full">
<div class="flex justify-between p-3 items-center border-b-1 border-gray-200">
<div class="flex justify-start gap-3 items-center">
<NcButton size="small" type="secondary" @click="paginateCalendarView('prev')">
<component :is="iconMap.doubleLeftArrow" class="h-4 w-4" />
</NcButton>
<NcTooltip>
<template #title> Previous </template>
<NcButton size="small" type="secondary" @click="paginateCalendarView('prev')">
<component :is="iconMap.doubleLeftArrow" class="h-4 w-4" />
</NcButton>
</NcTooltip>
<NcDropdown :auto-close="false">
<NcButton size="small" type="secondary">
<span class="font-bold text-center text-brand-500">{{ headerText }}</span>
<component :is="iconMap.downArrow" class="h-4 w-4" />
<div class="flex gap-2 items-center">
<span class="font-bold text-center text-brand-500">{{ headerText }}</span>
<component :is="iconMap.arrowDown" class="h-4 w-4 text-gray-700" />
</div>
</NcButton>
<template #overlay>
@ -181,9 +187,12 @@ const headerText = computed(() => {
</div>
</template>
</NcDropdown>
<NcButton size="small" type="secondary" @click="paginateCalendarView('next')">
<component :is="iconMap.doubleRightArrow" class="h-4 w-4" />
</NcButton>
<NcTooltip>
<template #title> Next </template>
<NcButton size="small" type="secondary" @click="paginateCalendarView('next')">
<component :is="iconMap.doubleRightArrow" class="h-4 w-4" />
</NcButton>
</NcTooltip>
<NcButton
v-if="!isMobileMode"
size="small"
@ -202,9 +211,12 @@ const headerText = computed(() => {
Go to Today
</NcButton>
</div>
<NcButton v-if="!isMobileMode" size="small" type="secondary" @click="showSideMenu = !showSideMenu">
<component :is="iconMap.sidebar" class="h-4 w-4 text-gray-700 transition-all" />
</NcButton>
<NcTooltip>
<template #title> Toggle Sidebar </template>
<NcButton v-if="!isMobileMode" size="small" type="secondary" @click="showSideMenu = !showSideMenu">
<component :is="iconMap.sidebar" class="h-4 w-4 text-gray-700 transition-all" />
</NcButton>
</NcTooltip>
</div>
<LazySmartsheetCalendarYearView v-if="activeCalendarView === 'year'" class="flex-grow-1" />
<template v-if="!isCalendarDataLoading">

Loading…
Cancel
Save