open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Prevent comment text overlap with submit button

Browse Source
This commit is contained in:
James Grugett 2022-06-08 11:34:37 -05:00
parent 323a62f041
commit bc752b853a
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/feed/feed-comments.tsx
View File

@ -434,6 +434,8 @@ export function CommentInput(props: {
className={clsx( className={clsx(
'textarea textarea-bordered w-full resize-none' 'textarea textarea-bordered w-full resize-none'
)} )}
// Make room for floating submit button.
style={{ paddingRight: 48 }}
placeholder={ placeholder={
parentCommentId || parentAnswerOutcome parentCommentId || parentAnswerOutcome
? 'Write a reply... ' ? 'Write a reply... '
@ -459,7 +461,7 @@ export function CommentInput(props: {
{user && !isSubmitting && ( {user && !isSubmitting && (
<button <button
className={clsx( className={clsx(
'btn btn-ghost btn-sm absolute right-2 block flex flex-row capitalize', 'btn btn-ghost btn-sm absolute right-2 flex-row capitalize pl-2',
parentCommentId || parentAnswerOutcome parentCommentId || parentAnswerOutcome
? ' bottom-4' ? ' bottom-4'
: ' bottom-2', : ' bottom-2',