-
Notifications
You must be signed in to change notification settings - Fork 14.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: improve import flow UI/UX #12070
Conversation
Codecov Report
@@ Coverage Diff @@
## master #12070 +/- ##
==========================================
- Coverage 66.57% 60.20% -6.38%
==========================================
Files 956 914 -42
Lines 46859 45148 -1711
Branches 4590 4079 -511
==========================================
- Hits 31198 27180 -4018
- Misses 15535 17968 +2433
+ Partials 126 0 -126
Flags with carried forward coverage won't be shown. Click here to find out more.
Continue to review full report at Codecov.
|
import { useImportResource } from 'src/views/CRUD/hooks'; | ||
import { ImportResourceName } from 'src/views/CRUD/types'; | ||
|
||
export const StyledIcon = styled(Icon)` | ||
margin: auto ${({ theme }) => theme.gridUnit * 2}px auto 0; | ||
`; | ||
|
||
const HelperMessage = styled.div` | ||
display: block; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
curious, is there something that is inherited that is making this div some other kind of display, since block
is the default?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ah, you're right, it's not needed here. I copied the style from another helper class where the display is flex
.
* upstream/master: (55 commits) feat(explore): time picker enhancement (apache#11418) feat: update alert/report icons and column order (apache#12081) feat(explore): metrics and filters controls redesign (apache#12095) feat(alerts/reports): add refresh action (apache#12071) chore: add latest tag action (apache#11148) fix(reports): increase crontab size and alert fixes (apache#12056) Small typo fix in Athena connection docs (apache#12099) feat(queries): security perm simplification (apache#12072) feat(databases): security perm simplification (apache#12036) feat(dashboards): security permissions simplification (apache#12012) feat(logs): security permissions simplification (apache#12061) chore: Remove unused CodeModal (apache#11972) Fix typescript error (apache#12074) fix: handle context-dependent feature flags in CLI (apache#12088) fix: Fix "View in SQLLab" bug (apache#12086) feat(alert/report): add 'not null' condition option to modal (apache#12077) bumping superset ui to 15.18 and deckgl to 0.3.2 (apache#12078) fix: Python dependencies in apache#11499 (apache#12079) reset active tab on open (apache#12048) fix: improve import flow UI/UX (apache#12070) ...
SUMMARY
Improve the UI/UX in the import modal:
BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
Updated import icon (top-right):
Updated modal:
Asking for password:
Modal is cleared after import:
Asking for overwrite confirmation:
TEST PLAN
See screenshots.
ADDITIONAL INFORMATION