Truncation of threads on For-You/Global is not showing Show More on mobile

[salman-neslit]

Link to Issue

Closes: #9622

Description of Changes

• Fixed the missing "Show More" functionality on mobile for threads on the For-You and Global pages.
• Ensured that thread information truncation on mobile matches the desktop experience, with a fading effect for text and a visible "Show More" button in blue.

"How We Fixed It"

• The max-height restriction on the .content-body class for extra small screens was removed, allowing the text to display correctly with truncation. This ensures that the fading effect is applied, and the "Show More" button appears as expected, allowing users to expand the full thread when clicked.

Test Plan

• Unit tested the FIXME() call.
• CA (click around) tested on local and frack:
  • TODO page

Deployment Plan

Other Considerations

[salman-neslit]

Screen.Recording.2024-10-29.at.2.12.12.AM.mov

[salman-neslit]

@Israellund, I’ve observed that the "show more" functionality appears to be managed by <MarkdownViewerUsingQuillOrNewEditor>. It doesn’t seem to rely on the actual amount of text displayed on the screen. Instead, it seems to trigger based on the number of times the enter key is pressed, rather than the length of the content. Consequently, if a large block of text is copied and pasted, the "show more" function doesn’t activate. I’m not certain if this behavior is intentional, but it may be worth reviewing.

Screen.Recording.2024-10-29.at.2.52.08.AM.mov

[masvelio]

Quill has a lot of quirks. We are in the process of moving to the new editor so I wouldn't spend too much time on fixing minor things. Thanks for spotting it though.