Change Details

We want to prevent nested scrolls inside of the message results modal. This means that for the modal, we want to display the messages in full length (and keep the modal scrollable). However, in the toggle pin modal (the modal that shows the message and allows the user to pin/unpin a message), we want to keep that scrollable since otherwise a long message could overflow off the screen and make the action buttons unclickable. The easiest solution I thought of for this was to maintain a `scrollable` prop, set to `true` if we want to allow the message result to be scrollable if it is long, and `false` if we want to display the message in full.

We want to prevent nested scrolls inside of the message results modal. This means that for the modal, we want to display the messages in full length (and keep the modal scrollable). However, in the toggle pin modal (the modal that shows the message and allows the user to pin/unpin a message), we want to keep that scrollable since otherwise a long message could overflow off the screen and make the action buttons unclickable. The easiest solution I thought of for this was to maintain a `scrollable` prop, set to `true` if we want to allow the message result to be scrollable if it is long, and `false` if we want to display the message in full.

We want to prevent nested scrolls inside of the message results modal. This means that for the modal, we want to display the messages in full length (and keep the modal scrollable). However, in the toggle pin modal (the modal that shows the message and allows the user to pin/unpin a message), we want to keep that scrollable since otherwise a long message could overflow off the screen and make the action buttons unclickable. The easiest solution I thought of for this was to maintain a `scrollable` prop, set to `true` if we want to allow the message result to be scrollable if it is long, and `false` if we want to display the message in full.