Browse Source

layout experimentations (WIP)

pull/4898/head
Daniel Spaude 2 years ago
parent
commit
52ae240188
No known key found for this signature in database
GPG Key ID: 654A3D1FA4F35FFE
  1. 15
      packages/nc-gui/components/dashboard/TreeView.vue

15
packages/nc-gui/components/dashboard/TreeView.vue

@ -346,12 +346,8 @@ const setIcon = async (icon: string, table: TableType) => {
:placeholder="$t('placeholder.searchProjectTree')" :placeholder="$t('placeholder.searchProjectTree')"
/> />
<span v-else class="flex-1 text-bold uppercase nc-project-tree text-gray-500 font-weight-bold"> <span v-else class="flex-1 text-bold nc-project-tree text-gray-500 font-weight-bold">
{{ $t('objects.tables') }} <MdiBackburger v-e="['c:grid:toggle-navdraw']" class="cursor-pointer transform transition-transform duration-500" />Products
<template v-if="tables.filter((table) => table.base_id === bases[0].id)?.length">
({{ tables.filter((table) => table.base_id === bases[0].id).length }})
</template>
</span> </span>
</Transition> </Transition>
@ -682,7 +678,7 @@ const setIcon = async (icon: string, table: TableType) => {
<div v-else class="transition-height duration-200"> <div v-else class="transition-height duration-200">
<div class="border-none sortable-list"> <div class="border-none sortable-list">
<div v-for="[index, base] of Object.entries(bases)" :key="`base-${base.id}`"> <div v-for="[index, base] of Object.entries(bases)" :key="`base-${base.id}`">
<a-collapse FOO<a-collapse
v-if="base && base.enabled" v-if="base && base.enabled"
v-model:activeKey="activeKey" v-model:activeKey="activeKey"
:class="[{ hidden: searchActive && !!filterQuery && !filteredTables?.find((el) => el.base_id === base.id) }]" :class="[{ hidden: searchActive && !!filterQuery && !filteredTables?.find((el) => el.base_id === base.id) }]"
@ -1016,7 +1012,10 @@ const setIcon = async (icon: string, table: TableType) => {
<LazyGeneralHelpAndSupport class="color-transition px-2 text-gray-500 cursor-pointer select-none hover:text-accent" /> <LazyGeneralHelpAndSupport class="color-transition px-2 text-gray-500 cursor-pointer select-none hover:text-accent" />
<GeneralJoinCloud v-if="!isMobileMode" class="color-transition px-2 text-gray-500 cursor-pointer select-none hover:text-accent" /> <GeneralJoinCloud
v-if="!isMobileMode"
class="color-transition px-2 text-gray-500 cursor-pointer select-none hover:text-accent"
/>
<GithubButton <GithubButton
v-if="!isMobileMode" v-if="!isMobileMode"

Loading…
Cancel
Save