Commit 9c9857b
committed
Charts: Center funnel empty state via parent Stack alignment
The funnel empty state previously used `padding: 48px 24px` to push
its text away from the container edges, but it sat at the top of the
chart's fixed-height column rather than being vertically centered.
The 48px vertical padding was also the only spacing literal in the
package with no matching WPDS dimension token.
Add `align="center" justify="center"` to the parent Stack in the
empty-state branch so the message is centered both axes within the
chart's resolved height, matching the centering pattern used by
SvgEmptyState. Drop the now-unused padding from .empty-state.
Verified centering against the EmptyData story: chart bounds
(999.5, 492.75) and empty-state bounds match exactly on both axes.1 parent 682353f commit 9c9857b
2 files changed
Lines changed: 2 additions & 1 deletion
File tree
- projects/js-packages/charts/src/charts/conversion-funnel-chart
projects/js-packages/charts/src/charts/conversion-funnel-chart/conversion-funnel-chart.module.scss
Lines changed: 0 additions & 1 deletion
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
124 | 124 | | |
125 | 125 | | |
126 | 126 | | |
127 | | - | |
128 | 127 | | |
129 | 128 | | |
130 | 129 | | |
Lines changed: 2 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
300 | 300 | | |
301 | 301 | | |
302 | 302 | | |
| 303 | + | |
| 304 | + | |
303 | 305 | | |
304 | 306 | | |
305 | 307 | | |
| |||
0 commit comments