-
Notifications
You must be signed in to change notification settings - Fork 8.3k
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
[Canvas] Use compressed forms in sidebar #49419
[Canvas] Use compressed forms in sidebar #49419
Conversation
Pinging @elastic/kibana-canvas (Team:Canvas) |
💔 Build Failed
|
Moving this out of draft, but I will need some help sorting out the functional tests. |
ca2e9e0
to
6f3296b
Compare
💔 Build Failed
|
💔 Build Failed
|
💔 Build Failed
|
💚 Build Succeeded
|
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.
Just some very minor stuff -- seems good overall! Haven't had a chance to test locally though
x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/datasources/demodata.js
Outdated
Show resolved
Hide resolved
x-pack/legacy/plugins/canvas/public/components/datasource/datasource.scss
Outdated
Show resolved
Hide resolved
x-pack/legacy/plugins/canvas/public/components/datasource/datasource_selector.js
Outdated
Show resolved
Hide resolved
💚 Build Succeeded
|
x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/extended_template.tsx
Outdated
Show resolved
Hide resolved
x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/arguments/filter_group.js
Outdated
Show resolved
Hide resolved
💔 Build Failed
|
4928bf6
to
921ecc1
Compare
💚 Build Succeeded
|
x-pack/legacy/plugins/canvas/public/expression_types/arg_types/series_style/simple_template.tsx
Outdated
Show resolved
Hide resolved
💚 Build Succeeded
|
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.
LGTM 👍 Thanks for taking care of those missing i18n things I mentioned. I pulled up all the args and datasource, and the compressed forms look so sleek!
e6e9fa2
to
d96d75a
Compare
💔 Build Failed
|
💔 Build Failed
|
d96d75a
to
400e3bc
Compare
💔 Build Failed
|
jenkins test this |
💔 Build Failed
|
400e3bc
to
0abc87f
Compare
💔 Build Failed |
💚 Build Succeeded |
* compressed sidebar design * add back metric help, style no datasource msg * re-style remove button * re-style element status section * remove unused component import * update storyshots * clean up unused i18n values * address feedback * address i81n feedback * update storyshot * convert string to i18n * style grouped sidebar messages * update storyshots
* compressed sidebar design * add back metric help, style no datasource msg * re-style remove button * re-style element status section * remove unused component import * update storyshots * clean up unused i18n values * address feedback * address i81n feedback * update storyshot * convert string to i18n * style grouped sidebar messages * update storyshots
…her [skip ci] * upstream/master: (54 commits) allows plugins to define validation schema for "enabled" flag (elastic#50286) Add retry to find.existsByDisplayedByCssSelector (elastic#48734) [i18n] integrate latest translations (elastic#50864) ui/resize_checker 👉 src/plugins/kibana_utils (elastic#44750) Fix @reach/router types (elastic#50863) [ML] Adding ML node warning to overview and analytics pages (elastic#50766) Bump storybook dependencies (elastic#50752) [APM Replace usage of idx with optional chaining (elastic#50849) [SIEM] Fix eslint errors (elastic#49713) Improve "Browser client is out of date" error message (elastic#50296) [SIEM][Detection Engine] REST API improvements and changes from UI/UX feedback (elastic#50797) Move @kbn/es-query into data plugin - es-query folder (elastic#50182) Index Management new platform migration (elastic#49359) Increase retry for cloud snapshot to finish (elastic#50781) Removing EuiCode from inside EuiPanel (elastic#50683) [SIEM] Tests for search_after and bulk index (elastic#50129) Make babel understand TypeScript 3.7 syntax (elastic#50772) Fixing mocha tests and broken password change status codes (elastic#50704) [Canvas] Use compressed forms in sidebar (elastic#49419) Add labels to shell scripts in Jenkins (elastic#49657) ...
@ryankeairns how do I test this PR please? Thanks! |
Summary
By using compressed form styles in the sidebar, element settings become more discoverable as less inputs move off the screen. To further simply this work area, help text has been moved to icon tooltips, amd text copy (including callouts, titles, etc.) has been edited to be more concise.
Other small UX improvements were made along the way, particularly within the Data tab (selecting datasources). This includes not only improved form layouts, but re-ordered fields, new card designs, additional contextual help (e.g. link to ES SQL docs) and more.
Previews
Follow-up PRs
There are a few things that I'd like to tackle subsequent to this PR:
Checklist
Use
strikethroughsto remove checklist items you don't feel are applicable to this PR.For maintainers