M: Minor UI fixes
Some checks failed
Frontend CI / build (22.x) (push) Has been cancelled

This commit is contained in:
Ivan 2024-09-19 20:52:37 +03:00
parent abc28940a9
commit c92a4058b9
4 changed files with 8 additions and 4 deletions

View File

@ -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

View File

@ -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='Корень' />

View File

@ -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>
);

View File

@ -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}