ConceptProd/Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

M: Improve UI consistency for closed naviation

Browse Source
This commit is contained in:
Ivan 2025-07-08 13:21:12 +03:00
parent 68bde04dd1
commit 087ec8cf56
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-graph/side-panel/side-panel.tsx
View File

@ -6,7 +6,7 @@ import { MiniButton } from '@/components/control';
import { IconClose } from '@/components/icons'; import { IconClose } from '@/components/icons';
import { Loader } from '@/components/loader'; import { Loader } from '@/components/loader';
import { cn } from '@/components/utils'; import { cn } from '@/components/utils';
import { useMainHeight } from '@/stores/app-layout'; import { useAppLayoutStore, useMainHeight } from '@/stores/app-layout';
import { usePreferencesStore } from '@/stores/preferences'; import { usePreferencesStore } from '@/stores/preferences';
import { PARAMETER } from '@/utils/constants'; import { PARAMETER } from '@/utils/constants';
@ -22,6 +22,7 @@ interface SidePanelProps {
} }
export function SidePanel({ isMounted, className }: SidePanelProps) { export function SidePanel({ isMounted, className }: SidePanelProps) {
const noNavigationAnimation = useAppLayoutStore(state => state.noNavigationAnimation);
const { schema, isMutable, selectedItems } = useOssEdit(); const { schema, isMutable, selectedItems } = useOssEdit();
const selectedOperation = const selectedOperation =
selectedItems.length === 1 && selectedItems[0].nodeType === NodeType.OPERATION ? selectedItems[0] : null; selectedItems.length === 1 && selectedItems[0].nodeType === NodeType.OPERATION ? selectedItems[0] : null;
@ -47,7 +48,10 @@ export function SidePanel({ isMounted, className }: SidePanelProps) {
aria-label='Закрыть' aria-label='Закрыть'
noPadding noPadding
icon={<IconClose size='1.25rem' />} icon={<IconClose size='1.25rem' />}
className='absolute z-pop top-2 right-1' className={clsx(
'absolute z-pop transition-transform duration-move right-0 top-0',
noNavigationAnimation ? '-translate-x-4 translate-y-0' : 'translate-x-0 translate-y-2'
)}
onClick={closePanel} onClick={closePanel}
/> />