|
|
|
@ -11,29 +11,30 @@ const onClick = () => {
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
|
<NcTooltip |
|
|
|
|
v-e="['c:leftSidebar:hideToggle']" |
|
|
|
|
placement="topLeft" |
|
|
|
|
hide-on-click |
|
|
|
|
class="transition-all duration-150" |
|
|
|
|
:class="{ |
|
|
|
|
'opacity-0 w-0 pointer-events-none': !isMobileMode && isLeftSidebarOpen, |
|
|
|
|
'opacity-100 max-w-10': isMobileMode || !isLeftSidebarOpen, |
|
|
|
|
}" |
|
|
|
|
> |
|
|
|
|
<template #title> |
|
|
|
|
{{ isLeftSidebarOpen ? `${$t('title.hideSidebar')}` : `${$t('title.showSidebar')}` }} |
|
|
|
|
</template> |
|
|
|
|
<NcButton |
|
|
|
|
:type="isMobileMode ? 'secondary' : 'text'" |
|
|
|
|
:size="isMobileMode ? 'medium' : 'small'" |
|
|
|
|
class="nc-sidebar-left-toggle-icon !text-gray-600 !hover:text-gray-800 w-8" |
|
|
|
|
@click="onClick" |
|
|
|
|
<div v-e="['c:leftSidebar:hideToggle']"> |
|
|
|
|
<NcTooltip |
|
|
|
|
placement="topLeft" |
|
|
|
|
hide-on-click |
|
|
|
|
class="transition-all duration-150" |
|
|
|
|
:class="{ |
|
|
|
|
'opacity-0 w-0 pointer-events-none': !isMobileMode && isLeftSidebarOpen, |
|
|
|
|
'opacity-100 max-w-10': isMobileMode || !isLeftSidebarOpen, |
|
|
|
|
}" |
|
|
|
|
> |
|
|
|
|
<div class="flex items-center text-inherit"> |
|
|
|
|
<GeneralIcon v-if="isMobileMode" icon="menu" class="text-lg -mt-0.25" /> |
|
|
|
|
<GeneralIcon v-else icon="doubleRightArrow" class="duration-150 transition-all !text-lg -mt-0.25" /> |
|
|
|
|
</div> |
|
|
|
|
</NcButton> |
|
|
|
|
</NcTooltip> |
|
|
|
|
<template #title> |
|
|
|
|
{{ isLeftSidebarOpen ? `${$t('title.hideSidebar')}` : `${$t('title.showSidebar')}` }} |
|
|
|
|
</template> |
|
|
|
|
<NcButton |
|
|
|
|
:type="isMobileMode ? 'secondary' : 'text'" |
|
|
|
|
:size="isMobileMode ? 'medium' : 'small'" |
|
|
|
|
class="nc-sidebar-left-toggle-icon !text-gray-600 !hover:text-gray-800 w-8" |
|
|
|
|
@click="onClick" |
|
|
|
|
> |
|
|
|
|
<div class="flex items-center text-inherit"> |
|
|
|
|
<GeneralIcon v-if="isMobileMode" icon="menu" class="text-lg -mt-0.25" /> |
|
|
|
|
<GeneralIcon v-else icon="doubleRightArrow" class="duration-150 transition-all !text-lg -mt-0.25" /> |
|
|
|
|
</div> |
|
|
|
|
</NcButton> |
|
|
|
|
</NcTooltip> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|