Add minimum heights for FECfile+ widget

[rfultz]

Summary

• Resolves Unable to access FECfile+ buttons on smaller screens #7122

Added some minimum heights for the FECfile+ eligibility widget because shorter displays were too short

Required reviewers

• UX?
• Dev for approach

Impacted areas of the application

The FECfile+ eligibility widget

Screenshots

End state photos of bottom nav (because that's the longest/tallest content)

Related PRs

None

How to test

-Pull the branch

• npm run build
• ./manage.py runserver
• In localhost Wagtail admin, edit a page to include an HTML block with this: <button class="button js-launch-fecfile-eligibility">FECfile+</button> (It can be an <a> or <button>. The important part is the js-launch-fecfile-eligibility class)
• Open that page in your browser
• Click your shiny new button (or link)
• Click 'Get started'
• Shrink the height of your browser window so the bottom nav is no longer visible
• Scrolling to the bottom nav is now possible
• Can navigate through the app in the smallest width
• Can navigate through the app in the largest width
• Can navigate through the app just under the breakpoint width
• Can navigate through the app just over the breakpoint width
• If you'd prefer, you can undo your change to that page

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 79.39%. Comparing base (38054b5) to head (c576d54).

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #7123   +/-   ##
========================================
  Coverage    79.39%   79.39%           
========================================
  Files          256      256           
  Lines         6727     6727           
========================================
  Hits          5341     5341           
  Misses        1386     1386           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[patphongs]

@rfultz I am unable to scroll when I shrink my window down. Is there something that I'm missing?

[JonellaCulmer]

@rfultz I reviewed but was seeing some weirdness with the scroll on the right. Seems to jump out of the box but I don't see that happen on other modals we use, like the legal boolean modal. Maybe we can pair on it and look at Pat's comment as well? Happy to find a time for the three of us so we can unblock you and this work.

[patphongs]

@rfultz Looks good, the scroll only jumps slightly out of the dialog, but it's really minor and can be fixed later.