M: Fix minor UI issues
This commit is contained in:
parent
2cb7c44f3a
commit
94ea516256
|
@ -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}
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -110,7 +110,8 @@ export const OssEditState = ({ itemID, children }: React.PropsWithChildren<OssEd
|
||||||
|
|
||||||
canDeleteOperation,
|
canDeleteOperation,
|
||||||
deleteSchema,
|
deleteSchema,
|
||||||
setSelected
|
setSelected,
|
||||||
|
deselectAll: () => setSelected([])
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 ? (
|
||||||
|
|
Loading…
Reference in New Issue
Block a user