clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-01 14:06:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update active ws and base ui state

Browse Source
This commit is contained in:
Ramesh Mane
2026-02-20 10:35:35 +00:00
parent ff4962f8ee
commit 38caeec95e
1 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
packages/nc-gui/components/workspace/BaseListModal/BaseNode.vue
View File

@@ -110,7 +110,7 @@ const onMenuClick = (e: Event) => {
<div
:tabindex="0"
class="nc-base-node group relative flex items-center gap-3 p-3 rounded-xl cursor-pointer border-1 transition-all border-nc-border-gray-medium hover:border-nc-border-gray-dark hover:shadow-sm"
:class="{ 'is-marked': isMarked, 'is-editing': editMode, 'is-selected': activeProjectId === base.id }"
:class="{ 'is-marked': isMarked, 'is-editing': editMode }"
:data-id="base.id"
:data-testid="`nc-base-list-modal-base-title-${base.title}`"
@click="handleSelect"
@@ -166,7 +166,11 @@ const onMenuClick = (e: Event) => {
</div>
<!-- More Options Button -->
<div v-if="!editMode" class="nc-base-node-menu-wrapper" :class="{ 'is-open': isMenuOpen }">
<div
v-if="!editMode"
class="nc-base-node-menu-wrapper"
:class="{ 'is-open': isMenuOpen, 'is-active': activeProjectId === base.id }"
>
<NcDropdown
v-model:visible="isMenuOpen"
:trigger="['click']"
@@ -174,7 +178,13 @@ const onMenuClick = (e: Event) => {
overlay-class-name="nc-base-node-menu"
>
<NcButton :tabindex="-1" type="text" size="xsmall" class="nc-base-node-menu-btn" @click.stop="onMenuClick">
<GeneralIcon icon="threeDotVertical" class="text-nc-content-gray-muted" />
<GeneralIcon
v-if="activeProjectId === base.id"
v-show="!isMenuOpen"
icon="ncCheck"
class="nc-base-active-check text-nc-content-brand flex-none"
/>
<GeneralIcon icon="threeDotVertical" class="nc-base-three-dot text-nc-content-gray-muted flex-none" />
</NcButton>
<template #overlay>
@@ -242,13 +252,20 @@ const onMenuClick = (e: Event) => {
@apply bg-white dark:bg-nc-bg-gray-light;
&:hover,
&:focus-within {
&:not(.is-selected) {
@apply bg-nc-bg-gray-light dark:bg-nc-bg-gray-medium;
}
&:focus-within,
&:focus-visible {
@apply bg-nc-bg-gray-light dark:bg-nc-bg-gray-medium;
.nc-base-node-menu-wrapper {
@apply w-6 !flex;
.nc-base-active-check {
@apply !hidden;
}
.nc-base-three-dot {
@apply !block;
}
}
}
@@ -267,10 +284,6 @@ const onMenuClick = (e: Event) => {
&.is-editing {
@apply cursor-default;
}
&.is-selected {
@apply border-nc-border-brand/30 hover:border-nc-border-brand/40 bg-brand-500/5 dark:bg-brand-500/10;
}
}
.nc-base-node-menu-wrapper {