fix(dashboard): narrow empty drop area

[justinpark]

SUMMARY

We've noticed that users are having difficulty adding an element into the tab content area because of its restricted drop zone. This commit expands the drop area for empty content to resolve the problem.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

before--droparea.mov

After:

after--droparea.mov

TESTING INSTRUCTIONS

Edit Dashboard and drag and drop to the new tab content

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• 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

All modified and coverable lines are covered by tests ✅

Comparison is base (38f5e4d) 69.18% compared to head (1ed42ac) 69.19%.
Report is 17 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master   #26313   +/-   ##
=======================================
  Coverage   69.18%   69.19%           
=======================================
  Files        1946     1946           
  Lines       75969    75982   +13     
  Branches     8469     8468    -1     
=======================================
+ Hits        52561    52572   +11     
- Misses      21222    21223    +1     
- Partials     2186     2187    +1     

Flag	Coverage Δ
javascript	56.53% <100.00%> (+<0.01%)	⬆️

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

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

[michael-s-molina]

/testenv up

[github-actions]

@michael-s-molina Ephemeral environment spinning up at http://34.221.235.129:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[michael-s-molina]

@justinpark I noticed that for some reason, I lost the ability to drag items to the dashboard. Sometimes if I refresh the dashboard, I'm able to drag them but after dropping some charts, the bug reappears. I was not able to reproduce the bug on master.

Screen.Recording.2023-12-20.at.09.31.56.mov

[justinpark]

I noticed that for some reason, I lost the ability to drag items to the dashboard. Sometimes if I refresh the dashboard, I'm able to drag them but after dropping some charts, the bug reappears. I was not able to reproduce the bug on master.

@michael-s-molina thanks for the testing. I found the some css rule made the side effects. I just updated the hotfix for this bug.

[michael-s-molina]

/testenv up

[github-actions]

@michael-s-molina Ephemeral environment spinning up at http://52.33.238.156:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[john-bodley]

ping @michael-s-molina

[michael-s-molina]

LGTM

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.

[Vitor-Avila]

This is so so so cool! Thank you so much for this improvement.