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

Make each column scrollable, break on words in snippets #5693

Merged
merged 2 commits into from
Jun 1, 2020

Conversation

zephraph
Copy link
Contributor

@zephraph zephraph commented Jun 1, 2020

Fixes PURCHASE-1908

Ensures that each panel in a conversation scrolls individually.

Before
fix-layout-before

After
fix-layout-after

interface ConversationRouteProps {
me: Conversation_me
conversationID: string
match: Match
}

const ConstrainedHeightFlex = styled(Flex)`
height: calc(100vh - 145px);
Copy link
Contributor

Choose a reason for hiding this comment

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

Just curious what does the 145px represent?

Copy link
Contributor

Choose a reason for hiding this comment

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

Oh is that accounting for the header thing that contains Inbox, Conversation with..., etc?

Copy link
Contributor Author

@zephraph zephraph Jun 1, 2020

Choose a reason for hiding this comment

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

It is indeed. Might add a comment here to make that clearer.

@@ -25,7 +25,7 @@ const TimeSinceFlex = styled(Flex)`
`

const StyledSans = styled(Sans)`
word-break: break-all;
word-break: break-word;
Copy link
Contributor

Choose a reason for hiding this comment

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

👍

Copy link
Contributor

@xtina-starr xtina-starr left a comment

Choose a reason for hiding this comment

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

This looks good to me!

@zephraph zephraph merged commit 116fd6d into master Jun 1, 2020
@zephraph zephraph deleted the fix-conversation-layout branch June 1, 2020 20:54
@artsy-peril artsy-peril bot mentioned this pull request Jun 1, 2020
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.

2 participants