M: Fix minor UI issues

This commit is contained in:
Ivan 2025-07-17 19:27:32 +03:00
parent 2cb7c44f3a
commit 94ea516256
6 changed files with 8 additions and 5 deletions

View File

@ -216,7 +216,7 @@ export function OssFlow() {
<ContextMenu isOpen={isContextMenuOpen} onHide={hideContextMenu} {...menuProps} /> <ContextMenu isOpen={isContextMenuOpen} onHide={hideContextMenu} {...menuProps} />
<ToolbarOssGraph <ToolbarOssGraph
className='absolute z-pop top-8 right-1/2 translate-x-1/2' className='cc-tab-tools'
onCreateBlock={handleCreateBlock} onCreateBlock={handleCreateBlock}
onCreateSchema={handleCreateSchema} onCreateSchema={handleCreateSchema}
onImportSchema={handleImportSchema} onImportSchema={handleImportSchema}

View File

@ -113,7 +113,7 @@ export function ToolbarOssGraph({
return ( return (
<div <div
className={cn( className={cn(
'flex flex-col items-center pt-1', 'cc-tab-tools flex flex-col items-center',
'rounded-b-2xl', 'rounded-b-2xl',
'hover:bg-background backdrop-blur-xs', 'hover:bg-background backdrop-blur-xs',
className className

View File

@ -24,6 +24,7 @@ interface IOssEditContext {
canDeleteOperation: (target: IOperation) => boolean; canDeleteOperation: (target: IOperation) => boolean;
deleteSchema: () => void; deleteSchema: () => void;
setSelected: React.Dispatch<React.SetStateAction<string[]>>; setSelected: React.Dispatch<React.SetStateAction<string[]>>;
deselectAll: () => void;
} }
export const OssEditContext = createContext<IOssEditContext | null>(null); export const OssEditContext = createContext<IOssEditContext | null>(null);

View File

@ -110,7 +110,8 @@ export const OssEditState = ({ itemID, children }: React.PropsWithChildren<OssEd
canDeleteOperation, canDeleteOperation,
deleteSchema, deleteSchema,
setSelected setSelected,
deselectAll: () => setSelected([])
}} }}
> >
{children} {children}

View File

@ -18,7 +18,7 @@ interface OssTabsProps {
export function OssTabs({ activeTab }: OssTabsProps) { export function OssTabs({ activeTab }: OssTabsProps) {
const router = useConceptNavigation(); const router = useConceptNavigation();
const { schema, navigateTab } = useOssEdit(); const { schema, navigateTab, deselectAll } = useOssEdit();
const hideFooter = useAppLayoutStore(state => state.hideFooter); const hideFooter = useAppLayoutStore(state => state.hideFooter);
@ -50,6 +50,7 @@ export function OssTabs({ activeTab }: OssTabsProps) {
} }
} }
} }
deselectAll();
navigateTab(index as OssTabID); navigateTab(index as OssTabID);
} }

View File

@ -166,7 +166,7 @@ export function TGFlow() {
return ( return (
<div className='relative' tabIndex={-1} onKeyDown={handleKeyDown}> <div className='relative' tabIndex={-1} onKeyDown={handleKeyDown}>
<div className='cc-tab-tools flex flex-col items-center rounded-b-2xl backdrop-blur-xs'> <div className='flex flex-col items-center rounded-b-2xl backdrop-blur-xs'>
<ToolbarTermGraph /> <ToolbarTermGraph />
<ToolbarFocusedCst focus={focusCst} resetFocus={() => setFocus(null)} /> <ToolbarFocusedCst focus={focusCst} resetFocus={() => setFocus(null)} />
{!focusCst ? ( {!focusCst ? (