fix: Explore layout is sometimes too short for the viewport

[rusackas]

SUMMARY

Flex layout in the explore section usually looks OK, but when things are in an error state, and all three columns are shorter than the viewport, that means the whole layout can get too short, making a weird gap under the menu. This sets a flex-basis property that's plenty tall (the entire viewport) to take up the space, and then flexbox will shrink things as needed.

Issue reported by @srinify

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

After:

TEST PLAN

Select a dataset without too many fields (so the list is short)
Find a viz with a sufficiently short control panel (either tab in the control panel, as seen in the gifs above)
Put the chart in an error state so it loses its height.
Witness the layout shift at the top (or... hopefully not).

ADDITIONAL INFORMATION

• Has associated issue:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[codecov]

Codecov Report

Merging #14481 (d282558) into master (5aef6bc) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master   #14481   +/-   ##
=======================================
  Coverage   77.11%   77.11%           
=======================================
  Files         952      952           
  Lines       48159    48159           
  Branches     6050     6050           
=======================================
  Hits        37137    37137           
  Misses      10821    10821           
  Partials      201      201           

Flag	Coverage Δ
hive	80.79% <ø> (ø)
javascript	71.91% <ø> (ø)
mysql	81.05% <ø> (ø)
postgres	81.09% <ø> (ø)
presto	80.79% <ø> (ø)
python	81.62% <ø> (ø)
sqlite	80.69% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...nd/src/explore/components/ExploreViewContainer.jsx	2.33% <ø> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5aef6bc...d282558. Read the comment docs.

[junlincc]

/testenv up

[github-actions]

@junlincc Container image not yet published for this PR. Please try again when build is complete.

[github-actions]

@junlincc Ephemeral environment creation failed. Please check the Actions logs for details.

[rusackas]

/testenv up

[github-actions]

@rusackas Ephemeral environment spinning up at http://54.218.151.238:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[srinify]

Glad this is fixed, exciting! LGTM

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.