Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2024-12-21 16:38:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix first tab separator issue while dragging

Browse Source
This commit is contained in:
Red Adaya 2024-12-10 11:29:43 +08:00
parent 9c51bca2e6
commit 4a366e3fba
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/app/tab/tab.tsx
View File

@ -256,8 +256,6 @@ const Tab = memo(
}
if (rightAdjacentId) {
console.log("rightAdjacentId!!!!!", rightAdjacentId);
// To check if rightAdjacentElement is the active tab then do not reset opacity
const rightAdjacentElement = document.querySelector(
`[data-tab-id="${rightAdjacentId}"]`
@ -266,6 +264,7 @@ const Tab = memo(
const separator = rightAdjacentElement.querySelector(".separator") as HTMLElement;
if (!rightAdjacentElement.classList.contains("active")) {
console.log("here!!!!!");
separator.style.opacity = "1"; // Reset opacity for the right adjacent tab
}
}
@ -303,7 +302,7 @@ const Tab = memo(
reset();
};
} else {
console.log("entered else ?????????????????????????");
console.log("entered else ?????????????????????????", tabsSwapped);
reset();
}
}, [id, tabIds, isFirst, isActive, draggingId, tabsSwapped]);

4
frontend/app/tab/tabbar.tsx
View File

@ -435,7 +435,7 @@ const TabBar = memo(({ workspace }: TabBarProps) => {
// }
// Update to trigger in-tab re-render
setTabsSwapped(newTabIndex);
setTabsSwapped(newTabIndex + 1);
tabIds.splice(newTabIndex, 0, tabId);
@ -522,7 +522,7 @@ const TabBar = memo(({ workspace }: TabBarProps) => {
}
// setTabIndicesMoved([]);
setTabsSwapped(false);
setTabsSwapped(null);
document.removeEventListener("mouseup", handleMouseUp);
document.removeEventListener("mousemove", handleMouseMove);
draggingRemovedRef.current = false;