Minor UI fixes

This commit is contained in:
IRBorisov 2023-08-16 13:48:46 +03:00
parent e1601ab137
commit ba4e8219c5
3 changed files with 33 additions and 27 deletions

View File

@ -146,19 +146,19 @@ function EditorConstituenta({ activeID, onShowAST, onCreateCst, onOpenEdit, onDe
</span>
</div>
<div className='flex justify-end'>
<MiniButton
tooltip='Создать конституенты после данной'
disabled={!isEnabled}
onClick={handleCreateCst}
icon={<SmallPlusIcon size={5} color={isEnabled ? 'text-green' : ''} />}
/>
<MiniButton
tooltip='Удалить редактируемую конституенту'
disabled={!isEnabled}
onClick={handleDelete}
icon={<DumpBinIcon size={5} color={isEnabled ? 'text-red' : ''} />}
/>
<div id='cst-help' className='flex items-center ml-[0.25rem]'>
<MiniButton
tooltip='Создать конституенты после данной'
disabled={!isEnabled}
onClick={handleCreateCst}
icon={<SmallPlusIcon size={5} color={isEnabled ? 'text-green' : ''} />}
/>
<div id='cst-help' className='flex items-center ml-[6px]'>
<HelpIcon color='text-primary' size={5} />
</div>
<ConceptTooltip anchorSelect='#cst-help'>

View File

@ -345,14 +345,14 @@ function EditorTermGraph({ onOpenEdit, onCreateCst, onDeleteCst }: EditorTermGra
}, [selectedDismissed]);
return (
<div className='flex justify-between w-full' tabIndex={0} onKeyDown={handleKeyDown}>
<div className='flex justify-between w-full outline-none' tabIndex={0} onKeyDown={handleKeyDown}>
{showOptions &&
<DlgGraphOptions
hideWindow={() => setShowOptions(false)}
initial={getOptions()}
onConfirm={handleChangeOptions}
/>}
<div className='flex flex-col py-2 border-t border-r w-[14.7rem] pr-2 text-sm select-none' style={{height: canvasHeight}}>
<div className='flex flex-col py-2 border-t border-r max-w-[12.44rem] pr-2 text-sm select-none' style={{height: canvasHeight}}>
{hoverCst &&
<div className='relative'>
<InfoConstituenta
@ -383,9 +383,6 @@ function EditorTermGraph({ onOpenEdit, onCreateCst, onDeleteCst }: EditorTermGra
/>
</div>
</div>
<Divider margins='mt-3 mb-2' />
<div className='flex items-center w-full gap-1'>
<Button
icon={<FilterCogIcon size={7} />}
@ -464,30 +461,39 @@ function EditorTermGraph({ onOpenEdit, onCreateCst, onDeleteCst }: EditorTermGra
>
<div className='relative top-0 right-0 z-10 flex m-2 flex-start'>
<div className='px-1 py-1' id='items-graph-help' >
<HelpIcon color='text-primary' size={6} />
<HelpIcon color='text-primary' size={5} />
</div>
<MiniButton
icon={<ArrowsRotateIcon size={6} />}
icon={<ArrowsRotateIcon size={5} />}
tooltip='Пересоздать граф'
onClick={handleRecreate}
/>
</div>
<ConceptTooltip anchorSelect='#items-graph-help'>
<div className='flex'>
<div>
<h1>Настройка графа</h1>
<p><b>Цвет</b> - выбор правила покраски узлов</p>
<p><b>Граф</b> - выбор модели расположения узлов</p>
<p><b>Удалить несвязанные</b> - в графе не отображаются одинокие вершины</p>
<p><b>Транзитивная редукция</b> - в графе устраняются транзитивные пути</p>
<Divider margins='mt-2' />
<InfoCstClass title='Классы конституент' />
<p><b>Удалить несвязанные</b> - скрыть одинокие вершины</p>
<p><b>Транзитивная редукция</b> - скрыть транзитивные пути</p>
<Divider margins='mt-2' />
<CstStatusInfo title='Статусы конституент' />
</div>
<Divider vertical margins='mx-3' />
<div>
<h1>Горячие клавиши</h1>
<p><b>Клик на конституенту</b> - выделение, включая скрытые конституенты</p>
<p><b>Довйной клик</b> - редактирование конституенты</p>
<p><b>Delete</b> - удалить выбранные</p>
<Divider margins='mt-2' />
<InfoCstClass title='Классы конституент' />
</div>
</div>
</ConceptTooltip>
<GraphCanvas
draggable

View File

@ -341,7 +341,7 @@ export const mapStatusInfo: Map<ExpressionStatus, IFormatInfo> = new Map([
[ ExpressionStatus.INCALCULABLE, {
text: 'невыч',
color: 'bg-[#ffbb80] dark:bg-[#964600]',
tooltip: 'выражение не вычислимо (экспоненциальная сложность)'
tooltip: 'выражение не вычислимо'
}],
[ ExpressionStatus.PROPERTY, {
text: 'св-во',