Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Thread comments expanded #4684

Merged
merged 2 commits into from
Feb 19, 2021
Merged

Thread comments expanded #4684

merged 2 commits into from
Feb 19, 2021

Conversation

ackernaut
Copy link
Member

@ackernaut ackernaut commented Feb 18, 2021

Fixes #4647

Tests

  • Comments are fully expanded; there’s no need to scroll
  • When using the input to write a comment, there’s no max height or need to scroll; the box keeps growing vertically

Sorry, something went wrong.

@@ -22,7 +22,7 @@ import CommentEditor from './TaskEditor/CommentEditor'
import {ReplyMention, SetReplyMention} from './ThreadedItem'

const Wrapper = styled('div')<{isReply: boolean; isDisabled: boolean}>(({isDisabled, isReply}) => ({
alignItems: 'center',
alignItems: 'flex-end',
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This keeps the avatar and the send button pinned to the bottom, instead of dynamically floating in the middle, when the input grows while adding a long comment

@@ -23,8 +23,6 @@ import useCommentPlugins from './useCommentPlugins'
const RootEditor = styled('div')({
fontSize: Card.FONT_SIZE,
lineHeight: Card.LINE_HEIGHT,
maxHeight: 84,
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bye bye overflow and max-height 👋

@ackernaut ackernaut requested a review from tiffanyhan February 18, 2021 23:03
@ackernaut
Copy link
Member Author

@tiffanyhan mind giving this a review? This is almost too silly to test, but just in case my tired brain isn’t seeing a typo or bad style value, or bad behavior in the thread UI

@tiffanyhan
Copy link
Contributor

nice, looks good!

@tiffanyhan tiffanyhan merged commit 981cae6 into master Feb 19, 2021
@tiffanyhan tiffanyhan deleted the thread-comments-expanded branch February 19, 2021 00:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Thread comments are fully expanded
2 participants