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

Fix post info to not overflow #2652

Merged
merged 1 commit into from
Jan 13, 2022
Merged

Conversation

Kevan-Y
Copy link
Contributor

@Kevan-Y Kevan-Y commented Jan 13, 2022

Issue This PR Addresses

Fixes #2568

Type of Change

  • Bugfix: Change which fixes an issue
  • New Feature: Change which adds functionality
  • Documentation Update: Change which improves documentation
  • UI: Change which improves UI

Description

The post info overflow the post container if the post text wasn't long enough.
I set the root to display: flow-root so it will makes sure everything will stay in that post container.

image

Checklist

  • Quality: This PR builds and passes our npm test and works locally
  • Tests: This PR includes thorough tests or an explanation of why it does not
  • Screenshots: This PR includes screenshots or GIFs of the changes made or an explanation of why it does not (if applicable)
  • Documentation: This PR includes updated/added documentation to user exposed functionality or configuration variables are added/changed or an explanation of why it does not(if applicable)

Co-Authored-By: Ritik Bheda <ritik.bheda@gmail.com>
@Kevan-Y Kevan-Y self-assigned this Jan 13, 2022
@gitpod-io
Copy link

gitpod-io bot commented Jan 13, 2022

@@ -29,14 +29,14 @@ type Props = {
const useStyles = makeStyles((theme: Theme) =>
createStyles({
root: {
display: 'flow-root',
Copy link
Contributor

Choose a reason for hiding this comment

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

Fascinating! I've never heard of it before, TIL. Nice work.

Copy link
Contributor

@DukeManh DukeManh left a comment

Choose a reason for hiding this comment

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

So cool, it works so well, til.
image

@humphd
Copy link
Contributor

humphd commented Jan 13, 2022

@Kevan-Y land this whenever you are ready. Nice work.

@humphd humphd added this to the 2.5 Release milestone Jan 13, 2022
@Kevan-Y Kevan-Y merged commit 7468259 into Seneca-CDOT:master Jan 13, 2022
@AmasiaNalbandian
Copy link
Contributor

I'm late to the party but I wanted to add that this is a VERY nice fix. Well done!

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.

Min-height for blog posts needs adjustment to avoid GitHub details overflowing into the next post
4 participants