From c92a4058b9931916a87c18ab2497efd4086a1fcf Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Thu, 19 Sep 2024 20:52:37 +0300
Subject: [PATCH] M: Minor UI fixes

---
 .../frontend/src/components/select/SelectLocationContext.tsx  | 2 +-
 rsconcept/frontend/src/dialogs/DlgChangeLocation.tsx          | 2 +-
 rsconcept/frontend/src/pages/LibraryPage/ViewSideLocation.tsx | 4 ++++
 .../pages/RSFormPage/EditorRSFormCard/EditorLibraryItem.tsx   | 4 ++--
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/rsconcept/frontend/src/components/select/SelectLocationContext.tsx b/rsconcept/frontend/src/components/select/SelectLocationContext.tsx
index 9dded7ae..65af7646 100644
--- a/rsconcept/frontend/src/components/select/SelectLocationContext.tsx
+++ b/rsconcept/frontend/src/components/select/SelectLocationContext.tsx
@@ -52,7 +52,7 @@ function SelectLocationContext({
       />
       <Dropdown
         isOpen={menu.isOpen}
-        className={clsx('w-[20rem] h-[12.5rem] z-modalTooltip mt-0', className)}
+        className={clsx('w-[20rem] h-[12.5rem] z-modalTooltip mt-[-0.25rem]', className)}
         style={style}
       >
         <SelectLocation
diff --git a/rsconcept/frontend/src/dialogs/DlgChangeLocation.tsx b/rsconcept/frontend/src/dialogs/DlgChangeLocation.tsx
index 627c7211..b3ee171a 100644
--- a/rsconcept/frontend/src/dialogs/DlgChangeLocation.tsx
+++ b/rsconcept/frontend/src/dialogs/DlgChangeLocation.tsx
@@ -43,7 +43,7 @@ function DlgChangeLocation({ hideWindow, initial, onChangeLocation }: DlgChangeL
       hideWindow={hideWindow}
       canSubmit={isValid}
       onSubmit={() => onChangeLocation(location)}
-      className={clsx('w-[35rem]', 'pb-3 px-6 flex gap-3')}
+      className={clsx('w-[35rem]', 'pb-3 px-6 flex gap-3 h-[9rem]')}
     >
       <div className='flex flex-col gap-2 min-w-[7rem] h-min'>
         <Label className='select-none' text='Корень' />
diff --git a/rsconcept/frontend/src/pages/LibraryPage/ViewSideLocation.tsx b/rsconcept/frontend/src/pages/LibraryPage/ViewSideLocation.tsx
index d0ec81a3..1e604240 100644
--- a/rsconcept/frontend/src/pages/LibraryPage/ViewSideLocation.tsx
+++ b/rsconcept/frontend/src/pages/LibraryPage/ViewSideLocation.tsx
@@ -10,6 +10,7 @@ import { CProps } from '@/components/props';
 import SelectLocation from '@/components/select/SelectLocation';
 import MiniButton from '@/components/ui/MiniButton';
 import { useAuth } from '@/context/AuthContext';
+import { useConceptOptions } from '@/context/ConceptOptionsContext';
 import { useLibrary } from '@/context/LibraryContext';
 import useWindowSize from '@/hooks/useWindowSize';
 import { FolderNode, FolderTree } from '@/models/FolderTree';
@@ -39,6 +40,7 @@ function ViewSideLocation({
 }: ViewSideLocationProps) {
   const { user } = useAuth();
   const { items } = useLibrary();
+  const { calculateHeight } = useConceptOptions();
   const windowSize = useWindowSize();
 
   const canRename = useMemo(() => {
@@ -54,6 +56,7 @@ function ViewSideLocation({
   }, [active, user, items]);
 
   const animations = useMemo(() => animateSideMinWidth(windowSize.isSmall ? '10rem' : '15rem'), [windowSize]);
+  const maxHeight = useMemo(() => calculateHeight('4.5rem'), [calculateHeight]);
 
   const handleClickFolder = useCallback(
     (event: CProps.EventMouse, target: FolderNode) => {
@@ -105,6 +108,7 @@ function ViewSideLocation({
         folderTree={folderTree}
         prefix={prefixes.folders_list}
         onClick={handleClickFolder}
+        style={{ maxHeight: maxHeight }}
       />
     </motion.div>
   );
diff --git a/rsconcept/frontend/src/pages/RSFormPage/EditorRSFormCard/EditorLibraryItem.tsx b/rsconcept/frontend/src/pages/RSFormPage/EditorRSFormCard/EditorLibraryItem.tsx
index 4e214ad4..8f7ec9fa 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/EditorRSFormCard/EditorLibraryItem.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/EditorRSFormCard/EditorLibraryItem.tsx
@@ -94,10 +94,10 @@ function EditorLibraryItem({ item, isModified, controller }: EditorLibraryItemPr
       </div>
 
       {ownerSelector.isOpen ? (
-        <Overlay position='top-[-0.5rem] left-[2.5rem] cc-icons'>
+        <Overlay position='top-[-0.5rem] left-[4rem] cc-icons'>
           {ownerSelector.isOpen ? (
             <SelectUser
-              className='w-[26.5rem] sm:w-[27.5rem] text-sm'
+              className='w-[25rem] sm:w-[26rem] text-sm'
               items={users}
               value={item.owner ?? undefined}
               onSelectValue={onSelectUser}