Fix problem with filtering long text in Admin Notes filter pop-up

[entrotech]

Overview

In the pop-up for filtering the Admin Notes column on the My Projects page, if there are some admin notes that contain a lot of text, the list within the pop-up has terrible formatting - see References,

Action Items

• Limit the length of the text in each list item by truncating the text (possibly starting with the text that matches the "filter by" search string). See Bonnie's comment below for suggestion.
• Review with product and dev. Update if needed based on feedback
• Once finalized, add before and after images to the staging deck on this slide
  • if no slide has been made, make one in the staging deck
• Get Stakeholder sign-off via the stakeholder meeting slide deck.

Resources/Instructions

[ExperimentsInHonesty]

Notes from #1651

We reviewed the changes you made today at the Stakeholder prep meeting. The list of checkboxes in the filter will need to have a constraint added to it, so that it only shows 28 characters total. If the note is longer than 28 characters, show 25 followed by "..."

The reason for this, is to prevent wrapping, which had a variety of unintended consequences

1. the checkbox got small
2. the words could potentially wrap for quite a while
3. the text was displaying over other text

[thetanmancan]

Hi @entrotech. Is the 25-character limit detailed in the comment above determined by the actual amount of characters regardless of the size of the character? Or will there be a different metric used to determine the filter overlay's width, such as ems or rems or pixels? Please let me know so that I can make note of this in our style guide. Thank you.