github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/editor/rich-text-editor/rich-text-editor.tsx
View File

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

2
web/components/editor/rich-text-editor/rich-text-read-only-editor.tsx
View File

@ -20,7 +20,7 @@ export const RichTextReadOnlyEditor = React.forwardRef<EditorReadOnlyRefApi, Ric
}}
{...props}
// 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")}
/>
);
}

2
web/components/inbox/content/issue-root.tsx
View File

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

2
web/components/inbox/modals/create-edit-modal/create-root.tsx
View File

@ -133,7 +133,7 @@ export const InboxIssueCreateRoot: FC<TInboxIssueCreateRoot> = observer((props)
data={formData}
handleData={handleFormData}
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} />
<div className="relative flex justify-between items-center gap-3">

2
web/components/inbox/modals/create-edit-modal/edit-root.tsx
View File

@ -138,7 +138,7 @@ export const InboxIssueEditRoot: FC<TInboxIssueEditRoot> = observer((props) => {
data={formData}
handleData={handleFormData}
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 />
<div className="relative flex justify-end items-center gap-3">

2
web/components/inbox/modals/create-edit-modal/issue-description.tsx
View File

@ -22,7 +22,7 @@ type TInboxIssueDescription = {
// TODO: have to implement GPT Assistance
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
const { loader } = useProjectInbox();

2
web/components/issues/issue-detail/main-content.tsx
View File

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

2
web/components/issues/issue-modal/form.tsx
View File

@ -480,7 +480,7 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
ref={editorRef}
tabIndex={getTabIndex("description_html")}
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]"
/>
)}
/>

2
web/components/issues/peek-overview/issue-detail.tsx
View File

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