[wip] - issues encountered working with small margins

[chriddyp]

This is a work-in-progress issue to contain screenshots and examples of issues that I'm running into with using extremely small margins with dash-design-kit.

In ddk, most graphs are inside other containers ("cards") and we're trying to keep the graph as large as possible within the container, ideally flush with the card. In order to do so, we set the margins really small and use automargin.

Most of the time this works great. There are some cases that I notice here and there where things get cut off. I'd like to collect those screenshots in this issue & then recategorize, isolate, create repro examples, and prioritize them later.

[chriddyp]

• Rightmost label cut off
  
  

• Rightmost hover label cut off
  
  

• It'd be nice to be able to expand the graph's height rather than shrink it's bottom margin. In Dash apps, we frequently have variable or unspecified chart height

• It'd be nice if I could specify a "minimum padding between label & axis title". with automargin, they end up looking a little too tight:
  

[etpinard]

• Rightmost label cut off

That will be fixed in #3605 (assuming you have xaxis.automargin: true)

[etpinard]

• It'd be nice if I could specify a "minimum padding between label & axis title". with automargin, they end up looking a little too tight:

That one is related (but distinct, I think) to: #2575

[nicolaskruchten]

OK, I've just created a batch of issues capturing the various cases and we'll work them during 1.51

[etpinard]

Can we close this one?

All the issues pointed out here have been addressed (most of them released in v1.51.0) except for #4222

[chriddyp]

🥇 🥇 🥇 Nice work!