style: make edito height according to the content height (#4347)

This commit is contained in:
Aaryan Khandelwal 2024-05-03 19:20:13 +05:30 committed by GitHub
parent acd8f8d2d6
commit 527ecd7d22
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
9 changed files with 9 additions and 9 deletions

View File

@ -51,7 +51,7 @@ export const RichTextEditor = forwardRef<EditorRefApi, RichTextEditorWrapperProp
suggestions: mentionSuggestions, suggestions: mentionSuggestions,
}} }}
{...rest} {...rest}
containerClassName={cn("relative min-h-[150px] pl-3", containerClassName)} containerClassName={cn("relative pl-3", containerClassName)}
/> />
); );
}); });

View File

@ -20,7 +20,7 @@ export const RichTextReadOnlyEditor = React.forwardRef<EditorReadOnlyRefApi, Ric
}} }}
{...props} {...props}
// overriding the containerClassName to add relative class passed // overriding the containerClassName to add relative class passed
containerClassName={cn(props.containerClassName, "relative border border-custom-border-200 p-3")} containerClassName={cn(props.containerClassName, "relative pl-3")}
/> />
); );
} }

View File

@ -141,7 +141,7 @@ export const InboxIssueMainContent: React.FC<Props> = observer((props) => {
disabled={!isEditable} disabled={!isEditable}
issueOperations={issueOperations} issueOperations={issueOperations}
setIsSubmitting={(value) => setIsSubmitting(value)} setIsSubmitting={(value) => setIsSubmitting(value)}
containerClassName="-ml-3 border-none" containerClassName="-ml-3 !mb-6 border-none"
/> />
)} )}

View File

@ -133,7 +133,7 @@ export const InboxIssueCreateRoot: FC<TInboxIssueCreateRoot> = observer((props)
data={formData} data={formData}
handleData={handleFormData} handleData={handleFormData}
editorRef={descriptionEditorRef} editorRef={descriptionEditorRef}
containerClassName="border-[0.5px] border-custom-border-200 py-3" containerClassName="border-[0.5px] border-custom-border-200 py-3 min-h-[150px]"
/> />
<InboxIssueProperties projectId={projectId} data={formData} handleData={handleFormData} /> <InboxIssueProperties projectId={projectId} data={formData} handleData={handleFormData} />
<div className="relative flex justify-between items-center gap-3"> <div className="relative flex justify-between items-center gap-3">

View File

@ -138,7 +138,7 @@ export const InboxIssueEditRoot: FC<TInboxIssueEditRoot> = observer((props) => {
data={formData} data={formData}
handleData={handleFormData} handleData={handleFormData}
editorRef={descriptionEditorRef} editorRef={descriptionEditorRef}
containerClassName="border-[0.5px] border-custom-border-200 py-3" containerClassName="border-[0.5px] border-custom-border-200 py-3 min-h-[150px]"
/> />
<InboxIssueProperties projectId={projectId} data={formData} handleData={handleFormData} isVisible /> <InboxIssueProperties projectId={projectId} data={formData} handleData={handleFormData} isVisible />
<div className="relative flex justify-end items-center gap-3"> <div className="relative flex justify-end items-center gap-3">

View File

@ -22,7 +22,7 @@ type TInboxIssueDescription = {
// TODO: have to implement GPT Assistance // TODO: have to implement GPT Assistance
export const InboxIssueDescription: FC<TInboxIssueDescription> = observer((props) => { export const InboxIssueDescription: FC<TInboxIssueDescription> = observer((props) => {
const {containerClassName, workspaceSlug, projectId, workspaceId, data, handleData, editorRef } = props; const { containerClassName, workspaceSlug, projectId, workspaceId, data, handleData, editorRef } = props;
// hooks // hooks
const { loader } = useProjectInbox(); const { loader } = useProjectInbox();

View File

@ -98,7 +98,7 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
disabled={!isEditable} disabled={!isEditable}
issueOperations={issueOperations} issueOperations={issueOperations}
setIsSubmitting={(value) => setIsSubmitting(value)} setIsSubmitting={(value) => setIsSubmitting(value)}
containerClassName="-ml-3 border-none" containerClassName="-ml-3 !mb-6 border-none"
/> />
{/* )} */} {/* )} */}

View File

@ -480,7 +480,7 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
ref={editorRef} ref={editorRef}
tabIndex={getTabIndex("description_html")} tabIndex={getTabIndex("description_html")}
placeholder={getDescriptionPlaceholder} placeholder={getDescriptionPlaceholder}
containerClassName="border-[0.5px] border-custom-border-200 py-3" containerClassName="border-[0.5px] border-custom-border-200 py-3 min-h-[150px]"
/> />
)} )}
/> />

View File

@ -82,7 +82,7 @@ export const PeekOverviewIssueDetails: FC<IPeekOverviewIssueDetails> = observer(
disabled={disabled} disabled={disabled}
issueOperations={issueOperations} issueOperations={issueOperations}
setIsSubmitting={(value) => setIsSubmitting(value)} setIsSubmitting={(value) => setIsSubmitting(value)}
containerClassName="-ml-3 border-none" containerClassName="-ml-3 !mb-6 border-none"
/> />
{currentUser && ( {currentUser && (