mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
style: make edito height according to the content height (#4347)
This commit is contained in:
parent
acd8f8d2d6
commit
527ecd7d22
@ -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)}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
@ -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")}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -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"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
@ -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">
|
||||||
|
@ -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">
|
||||||
|
@ -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();
|
||||||
|
|
||||||
|
@ -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"
|
||||||
/>
|
/>
|
||||||
{/* )} */}
|
{/* )} */}
|
||||||
|
|
||||||
|
@ -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]"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
|
@ -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 && (
|
||||||
|
Loading…
Reference in New Issue
Block a user