diff --git a/src/components/EditableDescription.module.css b/src/components/EditableDescription.module.css index 1a7012f..ba2bfa5 100644 --- a/src/components/EditableDescription.module.css +++ b/src/components/EditableDescription.module.css @@ -14,9 +14,14 @@ height: fit-content; overflow: hidden; resize: none; - min-height: calc(1.2em * 2); + min-height: calc(1.2em * 3); max-height: calc(1.2em * 5); } + .description_content { + border: 1px solid transparent; + padding: var(--spacing-xs) var(--spacing-m); + cursor: text; + } .invalid_content { color: var(--color-neutral-focus); font-size: var(--font-size-xs); diff --git a/src/components/EditableDescription.tsx b/src/components/EditableDescription.tsx index 8a71d13..ee500a4 100644 --- a/src/components/EditableDescription.tsx +++ b/src/components/EditableDescription.tsx @@ -41,7 +41,9 @@ export function EditableDescription({ content, onChange }: EditableDescriptionPr Click to add description. ) : ( - content +
setIsEditing(true)}> + {content} +
)}