diff --git a/web/core/components/editor/sticky-editor/color-palette.tsx b/web/core/components/editor/sticky-editor/color-palette.tsx index f6586121afc..a4fe05b7779 100644 --- a/web/core/components/editor/sticky-editor/color-palette.tsx +++ b/web/core/components/editor/sticky-editor/color-palette.tsx @@ -8,7 +8,7 @@ export const STICKY_COLORS_LIST: { { key: "gray", label: "Gray", - backgroundColor: "var(--editor-colors-gray-background)", + backgroundColor: "rgba(var(--color-background-90))", }, { key: "peach", diff --git a/web/core/components/editor/sticky-editor/editor.tsx b/web/core/components/editor/sticky-editor/editor.tsx index 376a317c8c6..d31090b516e 100644 --- a/web/core/components/editor/sticky-editor/editor.tsx +++ b/web/core/components/editor/sticky-editor/editor.tsx @@ -43,7 +43,6 @@ export const StickyEditor = React.forwardRef <>, }} - placeholder={placeholder} containerClassName={cn(containerClassName, "relative")} {...rest} /> diff --git a/web/core/components/stickies/sticky/inputs.tsx b/web/core/components/stickies/sticky/inputs.tsx index e56f6927e04..b3a81cd6cc2 100644 --- a/web/core/components/stickies/sticky/inputs.tsx +++ b/web/core/components/stickies/sticky/inputs.tsx @@ -4,6 +4,8 @@ import { Controller, useForm } from "react-hook-form"; import { EditorRefApi } from "@plane/editor"; // plane types import { TSticky } from "@plane/types"; +// plane utils +import { isCommentEmpty } from "@plane/utils"; // hooks import { useWorkspace } from "@/hooks/store"; // components @@ -67,7 +69,11 @@ export const StickyInput = (props: TProps) => { onChange(description_html); handleSubmit(handleFormSubmit)(); }} - placeholder="Click to type here" + placeholder={(_, value) => { + const isContentEmpty = isCommentEmpty(value); + if (!isContentEmpty) return ""; + return "Click to type here"; + }} containerClassName="px-0 text-base min-h-[250px] w-full" uploadFile={async () => ""} showToolbar={showToolbar}