ER: The projects filters sidebar cuts off text from the largest filter on "Projects" and "Homepage"

[agosmou]

Emergent Requirement - Problem

• On the Projects and Homepage the Filters sidebar cuts off text from the largest filters on some tablets and phones. See link: Reverts red filter tags on "Projects" and "Home Page" to prior location #4760 (comment)
• Examples:
  

Issue you discovered this emergent requirement in

• Revert red filter tags on "Projects" and "Home Page" to prior location  #4753

Date discovered

06/01/23

Did you have to do something temporarily

• YES
• NO

Who was involved

@agosmou @t-will-gillis @roslynwythe

What happens if this is not addressed

N/A

Resources

Recommended Action Items

• Make a new issue
• Discuss with team
• Let a Team Lead know

Potential solutions [draft]

• Do nothing- the filter message can still be read and this only affects two filters.
• Truncate text (note this will not work well with "Diversity / Equity / Inclusion")
• Adjust min-wdth of filters - might help "Diversity / Equity / Inclusion" in some cases, but not "Amazon Cognito..."
• Remove the word: "technology" from the red filter item to shorten text or widen the sidebar.

[ExperimentsInHonesty]

We need three issues from this problem

1. an issue to edit the home unite us projet.md file to split Amazon Cognito / OIDC / OAuth2 into three separate technology items
2. an issue to increase the size of the filter side bar to be wide enough to display Diversity / Equity / Inclusion x
3. add some text to the project update issue template to say that no single technology or tool name can be longer than 30 characters

[roslynwythe]

New Issues:

• Update Home Unite Us Project File to split up long technology name #4782
• Widen filter div to prevent truncation of filter names #4784
• Update "Project Profile Review and Update" template to document max length of technology name #4785