Fixed Read More Button Display Logic to Avoid Unnecessary Display

[CodeMaverick2]

Closes #9329

Description

This PR addresses an issue where the "Read more" button was displayed even when it made the section longer than the fully expanded content. This led to a confusing user experience, as the "Read more" button was not serving its intended purpose. The following changes have been made to resolve this issue:

Changes

1. Capture "Read More" Button Height:

   • The height of the "Read more" button is now captured during initialization to ensure accurate calculations.

2. Update Condition in reset Method:

   • The logic that determines whether the "Read more" button should be displayed has been updated to include the height of the button. This ensures the button is only shown when it makes sense.

Impact

• Improved User Experience: The "Read more" button is now only displayed when necessary, preventing unnecessary clutter and confusion.
• Correct Layout Behavior: Ensures the layout behaves as expected, with the "Read more" button enhancing usability rather than detracting from it.

Screenshots

[RayBB]

@CodeMaverick2 it looks like there is a test that broke because of this change. You'll need to investigate if the test should be changed or if something is actually broken.

@cdrini I am not so familiar with this part of the code and can't really dig into this issue anytime soon. Could we get someone else to review this?

[cdrini]

Thanks @CodeMaverick2 . Please revert the unnecessary changes. And please add testing instruction on how you tested to confirm this change worked. If you cannot test this PR, we will be unable to review your changes.

[cdrini]

This should be the only change that is necessary here. Please revert the other changes since they are unnecessary.

[RayBB]

@CodeMaverick2 do you think you'll be able to implement Drini's feedback?

[CodeMaverick2]

@RayBB Sure i will do that