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

fix: page block padding fix (#1034)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2023-05-11 18:41:13 +05:30 committed by GitHub
parent 1329145173
commit 9cb3794dde
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/app/components/pages/create-block.tsx
View File

@ -95,10 +95,11 @@ export const CreateBlock = () => {
name="name" name="name"
placeholder="Title" placeholder="Title"
register={register} register={register}
className="min-h-10 block max-h-24 w-full resize-none overflow-hidden border-none bg-transparent px-1 py-1 text-sm font-medium" className="min-h-[20px] block max-h-24 w-full resize-none overflow-hidden border-none bg-transparent px-1 py-1 text-sm font-medium"
role="textbox" role="textbox"
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}
maxLength={255} maxLength={255}
noPadding
/> />
</div> </div>

3
apps/app/components/pages/single-page-block.tsx
View File

@ -408,7 +408,8 @@ export const SinglePageBlock: React.FC<Props> = ({ block, projectDetails, index
<TextArea <TextArea
name="blockName" name="blockName"
value={block.name} value={block.name}
className="min-h-5 block w-full resize-none overflow-hidden border-none bg-transparent px-0 py-0 text-sm text-brand-base" className="min-h-[20px] block w-full resize-none overflow-hidden border-none bg-transparent text-sm text-brand-base"
noPadding
/> />
</div> </div>
{block?.description_stripped.length > 0 && ( {block?.description_stripped.length > 0 && (

5
apps/app/components/ui/text-area/index.tsx
View File

@ -32,6 +32,7 @@ export const TextArea: React.FC<Props> = ({
disabled, disabled,
error, error,
validations, validations,
noPadding = false,
onChange, onChange,
...rest ...rest
}) => { }) => {
@ -65,7 +66,9 @@ export const TextArea: React.FC<Props> = ({
onChange && onChange(e); onChange && onChange(e);
setTextareaValue(e.target.value); setTextareaValue(e.target.value);
}} }}
className={`no-scrollbar w-full bg-transparent px-3 py-2 outline-none ${ className={`no-scrollbar w-full bg-transparent ${
noPadding ? "" : "px-3 py-2"
} outline-none ${
mode === "primary" mode === "primary"
? "rounded-md border border-brand-base" ? "rounded-md border border-brand-base"
: mode === "transparent" : mode === "transparent"

1
apps/app/components/ui/text-area/types.d.ts vendored
View File

@ -9,4 +9,5 @@ export interface Props extends React.ComponentPropsWithoutRef<"textarea"> {
mode?: "primary" | "transparent" | "secondary" | "disabled"; mode?: "primary" | "transparent" | "secondary" | "disabled";
validations?: RegisterOptions; validations?: RegisterOptions;
error?: FieldError | Merge<FieldError, FieldErrorsImpl<any>>; error?: FieldError | Merge<FieldError, FieldErrorsImpl<any>>;
noPadding?: boolean;
} }