From 4ec2272c5f42cd52f7d14bf0761238f54920a036 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Wed, 12 Mar 2025 23:27:05 +0300
Subject: [PATCH] B: Fix navigation bar animation

---
 rsconcept/frontend/src/app/navigation/navigation.tsx          | 4 ++++
 .../src/features/library/pages/library-page/library-page.tsx  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/rsconcept/frontend/src/app/navigation/navigation.tsx b/rsconcept/frontend/src/app/navigation/navigation.tsx
index d12d0cbb..1b2bf738 100644
--- a/rsconcept/frontend/src/app/navigation/navigation.tsx
+++ b/rsconcept/frontend/src/app/navigation/navigation.tsx
@@ -1,6 +1,7 @@
 import { IconLibrary2, IconManuals, IconNewItem2 } from '@/components/icons';
 import { useWindowSize } from '@/hooks/use-window-size';
 import { useAppLayoutStore } from '@/stores/app-layout';
+import { PARAMETER } from '@/utils/constants';
 
 import { urls } from '../urls';
 
@@ -30,6 +31,9 @@ export function Navigation() {
       <div
         className='pl-2 pr-6 sm:pr-4 h-12 flex cc-shadow-border'
         style={{
+          transitionProperty: 'max-height, translate',
+          transitionDuration: `${PARAMETER.moveDuration}ms`,
+          transitionTimingFunction: 'ease-in-out',
           maxHeight: noNavigationAnimation ? '0rem' : '3rem',
           translate: noNavigationAnimation ? '0 -1.5rem' : '0'
         }}
diff --git a/rsconcept/frontend/src/features/library/pages/library-page/library-page.tsx b/rsconcept/frontend/src/features/library/pages/library-page/library-page.tsx
index c1340e21..73ecd0ca 100644
--- a/rsconcept/frontend/src/features/library/pages/library-page/library-page.tsx
+++ b/rsconcept/frontend/src/features/library/pages/library-page/library-page.tsx
@@ -56,7 +56,7 @@ export function LibraryPage() {
       <ToolbarSearch className='sticky top-0 h-9' total={libraryItems.length} filtered={filtered.length} />
       <div className='relative cc-fade-in flex'>
         <MiniButton
-          className='absolute z-tooltip top-1 right-0 cc-animate-position'
+          className='absolute z-tooltip -top-8 right-6'
           title='Выгрузить в формате CSV'
           icon={<IconCSV size='1.25rem' className='icon-green' />}
           onClick={handleDownloadCSV}