Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-15 03:01:37 -05:00
Code Issues Activity

Fixed position bugs for when form is with no comments and as edited

Browse source
This commit is contained in:
James Morris 2022-07-08 12:20:54 +02:00
parent f1248435ba
commit 7aa4a4a44f
1 changed files with 22 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
apps/comments-ui/src/components/Form.js
View file

@ -119,14 +119,34 @@ const Form = (props) => {
dark:bg-[rgba(255,255,255,0.08)]
dark:shadow-transparent
hover:shadow-xl
${!commentsCount && '-mt-0 -mr-0 -ml-0'}
${!commentsCount && !props.isEdit && '-mt-0 -mr-0 -ml-0'}
${focused ? 'cursor-default' : 'cursor-pointer'}`
}>
<div className="w-full relative">
<div className="pr-3 font-sans leading-normal dark:text-neutral-300">
<div className="relative w-full">
<EditorContent
className={`transition-[min-height] pl-[56px] px-0 py-[10px] pr-4 ${focused ? 'pt-[44px] pb-[68px]' : ''} duration-150 bg-transparent w-full placeholder:text-neutral-300 dark:placeholder:text-[rgba(255,255,255,0.3)] border-none resize-none rounded-md border border-slate-50 font-sans text-[16.5px] leading-normal focus:outline-0 dark:border-none dark:text-neutral-300 ${focused ? 'cursor-text min-h-[144px]' : 'cursor-pointer overflow-hidden min-h-[48px] hover:border-slate-300'}`}
className={`
transition-[min-height]
pl-[56px] px-0 py-[10px] pr-4
duration-150
bg-transparent
w-full
border-none
resize-none
rounded-md
border
border-slate-50
font-sans
text-[16.5px]
leading-normal
focus:outline-0
placeholder:text-neutral-300
dark:placeholder:text-[rgba(255,255,255,0.3)]
dark:border-none
dark:text-neutral-300
${focused ? 'cursor-text min-h-[144px] pt-[44px] pb-[68px]' : 'cursor-pointer overflow-hidden min-h-[48px] hover:border-slate-300'}
`}
editor={editor}
/>
<div className="flex space-x-4 transition-[opacity] duration-150 absolute -right-3 bottom-[2px]">