fix: Adds space under dataset change warning#14582
Conversation
| padding: '6px 10px', | ||
| marginBottom: roomBelow ? gridUnit * 4 : 0, | ||
| padding: `${gridUnit * 2}px ${gridUnit * 3}px`, | ||
| alignItems: 'flex-start', | ||
| border: 0, | ||
| backgroundColor: baseColor.light2, | ||
| '& .ant-alert-icon': { | ||
| marginRight: 10, | ||
| marginRight: gridUnit * 2, |
There was a problem hiding this comment.
Happened to see some pixel measurements in here that I figured I might as well convert to gridUnits while we're in here. Trying to keep bycatch minimal these days, but... I couldn't help myself.
Codecov Report
@@ Coverage Diff @@
## master #14582 +/- ##
==========================================
- Coverage 77.40% 77.32% -0.08%
==========================================
Files 958 958
Lines 48327 48329 +2
Branches 5677 5679 +2
==========================================
- Hits 37406 37369 -37
- Misses 10721 10760 +39
Partials 200 200
Flags with carried forward coverage won't be shown. Click here to find out more.
Continue to review full report at Codecov.
|
|
/testenv up |
|
@junlincc Ephemeral environment spinning up at http://52.88.27.249:8080. Credentials are |
|
Lgtm thank you for the fix 😊 |
|
Ephemeral environment shutdown and build artifacts deleted. |
* fix: Adding a little margin under the warning about changing datasets * feat: moves Alert spacing from a css override to an Alert prop * fix: prop needs to be optional... proptional * fix: moving the typing to a better spot, adding the new prop to storybook. * style: linting (cherry picked from commit 6d786d4)
* fix: Adding a little margin under the warning about changing datasets * feat: moves Alert spacing from a css override to an Alert prop * fix: prop needs to be optional... proptional * fix: moving the typing to a better spot, adding the new prop to storybook. * style: linting
* fix: Adding a little margin under the warning about changing datasets * feat: moves Alert spacing from a css override to an Alert prop * fix: prop needs to be optional... proptional * fix: moving the typing to a better spot, adding the new prop to storybook. * style: linting
* fix: Adding a little margin under the warning about changing datasets * feat: moves Alert spacing from a css override to an Alert prop * fix: prop needs to be optional... proptional * fix: moving the typing to a better spot, adding the new prop to storybook. * style: linting
* fix: Adding a little margin under the warning about changing datasets * feat: moves Alert spacing from a css override to an Alert prop * fix: prop needs to be optional... proptional * fix: moving the typing to a better spot, adding the new prop to storybook. * style: linting
SUMMARY
Fixes a missing gutter under the warning you see when you change datasets in explore. Started doing this as a css override to fix the acute problem, but decided it'd be better to add it as a prop to the Alert itself in case we see this sort of thing again.
BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
Before:

After:

TEST PLAN
Check it out in the Explore view by switching dataset. Or try the prop in the Interactive Alert entry of Storybook
ADDITIONAL INFORMATION