ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 04:50:36 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

B: Fix navigation bar animation

Browse Source
This commit is contained in:
Ivan 2025-03-12 23:27:17 +03:00
parent bc3d4e0f26
commit 8d304f32d0
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
rsconcept/frontend/src/app/navigation/navigation.tsx
View File

@ -1,6 +1,7 @@
import { IconLibrary2, IconManuals, IconNewItem2 } from '@/components/icons'; import { IconLibrary2, IconManuals, IconNewItem2 } from '@/components/icons';
import { useWindowSize } from '@/hooks/use-window-size'; import { useWindowSize } from '@/hooks/use-window-size';
import { useAppLayoutStore } from '@/stores/app-layout'; import { useAppLayoutStore } from '@/stores/app-layout';
import { PARAMETER } from '@/utils/constants';
import { urls } from '../urls'; import { urls } from '../urls';
@ -30,6 +31,9 @@ export function Navigation() {
<div <div
className='pl-2 pr-6 sm:pr-4 h-12 flex cc-shadow-border' className='pl-2 pr-6 sm:pr-4 h-12 flex cc-shadow-border'
style={{ style={{
transitionProperty: 'max-height, translate',
transitionDuration: `${PARAMETER.moveDuration}ms`,
transitionTimingFunction: 'ease-in-out',
maxHeight: noNavigationAnimation ? '0rem' : '3rem', maxHeight: noNavigationAnimation ? '0rem' : '3rem',
translate: noNavigationAnimation ? '0 -1.5rem' : '0' translate: noNavigationAnimation ? '0 -1.5rem' : '0'
}} }}

2
rsconcept/frontend/src/features/library/pages/library-page/library-page.tsx
View File

@ -56,7 +56,7 @@ export function LibraryPage() {
<ToolbarSearch className='sticky top-0 h-9' total={libraryItems.length} filtered={filtered.length} /> <ToolbarSearch className='sticky top-0 h-9' total={libraryItems.length} filtered={filtered.length} />
<div className='relative cc-fade-in flex'> <div className='relative cc-fade-in flex'>
<MiniButton <MiniButton
className='absolute z-tooltip top-1 right-0 cc-animate-position' className='absolute z-tooltip -top-8 right-6'
title='Выгрузить в формате CSV' title='Выгрузить в формате CSV'
icon={<IconCSV size='1.25rem' className='icon-green' />} icon={<IconCSV size='1.25rem' className='icon-green' />}
onClick={handleDownloadCSV} onClick={handleDownloadCSV}