ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 13:00:39 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Small UI fixes

Browse Source
This commit is contained in:
IRBorisov 2024-03-06 21:33:59 +03:00
parent f2cba9aaaf
commit da7af6f8dc
6 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
rsconcept/frontend/src/components/RSInput/RSInput.tsx
View File

@ -76,7 +76,8 @@ const RSInput = forwardRef<ReactCodeMirrorRef, RSInputProps>(
fontFamily: 'inherit', fontFamily: 'inherit',
background: !disabled ? colors.bgInput : colors.bgDefault, background: !disabled ? colors.bgInput : colors.bgDefault,
foreground: colors.fgDefault, foreground: colors.fgDefault,
selection: colors.bgHover selection: colors.bgHover,
caret: colors.fgDefault
}, },
styles: [ styles: [
{ tag: tags.name, color: colors.fgPurple, cursor: 'default' }, // GlobalID { tag: tags.name, color: colors.fgPurple, cursor: 'default' }, // GlobalID

3
rsconcept/frontend/src/components/RefsInput/RefsInput.tsx
View File

@ -87,7 +87,8 @@ const RefsInput = forwardRef<ReactCodeMirrorRef, RefsInputInputProps>(
fontFamily: 'inherit', fontFamily: 'inherit',
background: !disabled ? colors.bgInput : colors.bgDefault, background: !disabled ? colors.bgInput : colors.bgDefault,
foreground: colors.fgDefault, foreground: colors.fgDefault,
selection: colors.bgHover selection: colors.bgHover,
caret: colors.fgDefault
}, },
styles: [ styles: [
{ tag: tags.name, color: colors.fgPurple, cursor: 'default' }, // EntityReference { tag: tags.name, color: colors.fgPurple, cursor: 'default' }, // EntityReference

8
rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta/FormConstituenta.tsx
View File

@ -16,6 +16,11 @@ import { labelCstTypification } from '@/utils/labels';
import EditorRSExpression from '../EditorRSExpression'; import EditorRSExpression from '../EditorRSExpression';
import ControlsOverlay from './ControlsOverlay'; import ControlsOverlay from './ControlsOverlay';
/**
* Characters limit to start increasing number of rows.
*/
export const ROW_SIZE_IN_CHARACTERS = 70;
interface FormConstituentaProps { interface FormConstituentaProps {
disabled?: boolean; disabled?: boolean;
showList: boolean; showList: boolean;
@ -130,7 +135,7 @@ function FormConstituenta({
noBorder noBorder
disabled disabled
label='Типизация' label='Типизация'
rows={typification.length > 70 ? 2 : 1} rows={typification.length > ROW_SIZE_IN_CHARACTERS ? 2 : 1}
value={typification} value={typification}
colors='clr-app' colors='clr-app'
style={{ style={{
@ -166,6 +171,7 @@ function FormConstituenta({
placeholder='Договоренность об интерпретации или пояснение' placeholder='Договоренность об интерпретации или пояснение'
value={convention} value={convention}
disabled={disabled} disabled={disabled}
rows={convention.length > ROW_SIZE_IN_CHARACTERS ? 3 : 2}
onChange={event => setConvention(event.target.value)} onChange={event => setConvention(event.target.value)}
/> />
<SubmitButton <SubmitButton

1
rsconcept/frontend/src/pages/RSFormPage/EditorRSForm/FormRSForm.tsx
View File

@ -110,6 +110,7 @@ function FormRSForm({ id, disabled, isModified, setIsModified }: FormRSFormProps
/> />
<TextArea <TextArea
label='Комментарий' label='Комментарий'
rows={3}
value={comment} value={comment}
disabled={disabled} disabled={disabled}
onChange={event => setComment(event.target.value)} onChange={event => setComment(event.target.value)}

2
rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TermGraph.tsx
View File

@ -98,7 +98,7 @@ function TermGraph({
}, [selectedIDs, setSelections, nodes]); }, [selectedIDs, setSelections, nodes]);
const canvasWidth = useMemo(() => { const canvasWidth = useMemo(() => {
return 'calc(100vw - 1.1rem)'; return 'calc(100vw - 1rem)';
}, []); }, []);
const canvasHeight = useMemo(() => { const canvasHeight = useMemo(() => {

2
rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx
View File

@ -169,7 +169,7 @@ function RSTabs() {
selectedTabClassName='clr-selected' selectedTabClassName='clr-selected'
className='flex flex-col min-w-fit' className='flex flex-col min-w-fit'
> >
<TabList className={clsx('sm:mx-auto w-fit', 'flex items-stretch', 'border-b-2 border-x-2 divide-x-2')}> <TabList className={clsx('mx-auto w-fit', 'flex items-stretch', 'border-b-2 border-x-2 divide-x-2')}>
<RSTabsMenu onDestroy={onDestroySchema} /> <RSTabsMenu onDestroy={onDestroySchema} />
<TabLabel className='' label='Карточка' title={`Название схемы: ${schema.title ?? ''}`} /> <TabLabel className='' label='Карточка' title={`Название схемы: ${schema.title ?? ''}`} />