Minor UI fixes for editor

This commit is contained in:
IRBorisov 2023-11-24 18:03:10 +03:00
parent f64f6a6c3d
commit ec75cb866c
7 changed files with 11 additions and 9 deletions

View File

@ -11,6 +11,7 @@ function ConceptTooltip({
className,
layer='z-tooltip',
place='bottom',
style,
...props
}: ConceptTooltipProps) {
const { darkMode } = useConceptTheme();
@ -18,6 +19,7 @@ function ConceptTooltip({
return (
<Tooltip
opacity={0.97}
style={{...{ paddingTop: '2px', paddingBottom: '2px'}, ...style}}
className={`overflow-auto border shadow-md ${layer} ${className}`}
variant={(darkMode ? 'dark' : 'light')}
place={place}

View File

@ -12,7 +12,7 @@ function InfoCstClass({ title }: InfoCstClassProps) {
const { colors } = useConceptTheme();
return (
<div className='flex flex-col gap-1'>
<div className='flex flex-col gap-1 mb-2'>
{ title && <h1>{title}</h1>}
{ Object.values(CstClass).map(
(cclass, index) => {

View File

@ -12,7 +12,7 @@ function InfoCstStatus({ title }: InfoCstStatusProps) {
const { colors } = useConceptTheme();
return (
<div className='flex flex-col gap-1'>
<div className='flex flex-col gap-1 h-fit mb-2'>
{ title && <h1>{title}</h1>}
{ Object.values(ExpressionStatus)
.filter(status => status !== ExpressionStatus.UNDEFINED)

View File

@ -14,7 +14,7 @@ function Navigation () {
const navigateCreateNew = () => navigateTo('/rsform-create');
return (
<nav className='sticky top-0 left-0 right-0 select-none z-navigation h-fit'>
<nav className='sticky top-0 left-0 right-0 select-none clr-app z-navigation h-fit'>
{!noNavigation &&
<button
title='Скрыть навигацию'

View File

@ -161,8 +161,8 @@ function EditorConstituenta({
}
return (
<div className='flex max-w-[1500px] gap-2' tabIndex={-1} onKeyDown={handleInput}>
<form onSubmit={handleSubmit} className='min-w-[50rem] max-w-[50rem] px-4 py-1'>
<div className='flex max-w-[1500px]' tabIndex={-1} onKeyDown={handleInput}>
<form onSubmit={handleSubmit} className='min-w-[47.8rem] max-w-[47.8rem] px-4 py-1'>
<div className='relative w-full'>
<div className='absolute top-0 right-0 flex items-start justify-between w-full'>
{activeCst &&

View File

@ -85,8 +85,8 @@ interface RSEditorControlsProps {
function RSEditorControls({ onEdit, disabled }: RSEditorControlsProps) {
return (
<div className='flex items-center justify-between w-full text-sm'>
<div className='border-r w-fit'>
<div className='flex items-center justify-start w-full text-sm'>
<div className='w-fit'>
<div className='flex justify-start'>
{MAIN_FIRST_ROW.map(
(token) =>
@ -110,7 +110,7 @@ function RSEditorControls({ onEdit, disabled }: RSEditorControlsProps) {
</div>
</div>
<div className='border-l w-fit'>
<div className='w-fit'>
<div className='flex justify-start'>
{SECONDARY_FIRST_ROW.map(
({text, tooltip}) =>

View File

@ -107,7 +107,7 @@ function RSItemsMenu({
<div className='ml-1' id='items-table-help'>
<HelpIcon color='text-primary' size={5} />
</div>
<ConceptTooltip anchorSelect='#items-table-help' offset={30}>
<ConceptTooltip anchorSelect='#items-table-help' offset={8}>
<HelpRSFormItems />
</ConceptTooltip>
</div>);