Skip to content

Moved all of the show/hide toggles outside of ordered lists.#57163

Merged
cuff-links merged 18 commits intoelastic:masterfrom
cuff-links:Move_Show_Hide_Indices_Outside_List
Feb 19, 2020
Merged

Moved all of the show/hide toggles outside of ordered lists.#57163
cuff-links merged 18 commits intoelastic:masterfrom
cuff-links:Move_Show_Hide_Indices_Outside_List

Conversation

@cuff-links
Copy link
Copy Markdown
Contributor

Fixes #44036

@cuff-links cuff-links added Feature:ILM v8.0.0 Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more t// Feature:Snapshot and Restore Elasticsearch snapshots and repositories UI labels Feb 8, 2020
@elasticmachine
Copy link
Copy Markdown
Contributor

Pinging @elastic/es-ui (Team:Elasticsearch UI)

@cuff-links cuff-links added release_note:fix release_note:skip Skip the PR/issue when compiling release notes and removed release_note:fix labels Feb 8, 2020
@cjcenizal
Copy link
Copy Markdown
Contributor

Could you please add screenshots?

Copy link
Copy Markdown
Contributor

@alisonelizabeth alisonelizabeth left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@cuff-links thanks for addressing this issue! I have a couple UX suggestions for the toggle link.

  • I don't think EuiTitle is necessary around the link anymore.
  • I think it might look a little nicer if we reduce the bottom margin on the <ul> so there is not as much of a gap between the list and the toggle link.

Current:
Screen Shot 2020-02-10 at 11 03 18 AM

Proposed:
Screen Shot 2020-02-10 at 11 03 54 AM

@cuff-links
Copy link
Copy Markdown
Contributor Author

@elasticmachine merge upstream

Copy link
Copy Markdown
Contributor

@alisonelizabeth alisonelizabeth left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@cuff-links The link looks better now, but I still see the gap between the list and the link. I also noticed a regression, when I hit click "Show x more indices", the full list renders but the bullet points are no longer present.

Screen Shot 2020-02-12 at 10 22 12 AM

Screen Shot 2020-02-12 at 10 22 05 AM

@cuff-links
Copy link
Copy Markdown
Contributor Author

This isn't done. I am coming across an error and I am really having a hard time tracking it down:

    ERROR in ./x-pack/legacy/plugins/snapshot_restore/public/app/components/show_hide_indices.tsx
    Module not found: Error: Can't resolve '@kbn/i18n/target/types/react' in '/Users/silne30/Desktop/kibana/x-pack/legacy/plugins/snapshot_restore/public/app/components'

…d implemented the general component in the pages. Also made conditional for the i18n tags.
@cuff-links
Copy link
Copy Markdown
Contributor Author

@alisonelizabeth I found the issue with the error and resolved it. Please take a look at this implementation as I have never built out a component in this fashion before. The regression you mentioned above has also been addressed as there is only one implementation of the list now.

Copy link
Copy Markdown
Contributor

@alisonelizabeth alisonelizabeth left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@cuff-links this is a great start! Thanks for building out a common component.

I left a couple comments in the code. I also noticed while testing that the bullet points in the list are missing. Can you take a look?

John Dorlus added 2 commits February 14, 2020 16:48
…the bullet points. Updated the i18n tags to be more generic. Created 2 components for formatted message.
@cuff-links
Copy link
Copy Markdown
Contributor Author

@elasticmachine merge upstream

Copy link
Copy Markdown
Contributor

@alisonelizabeth alisonelizabeth left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work @cuff-links! Latest changes LGTM.

I noticed the i18n check is failing due to some unused translations. You should be able to run node scripts/i18n_check --fix to resolve this.

@Bamieh
Copy link
Copy Markdown
Contributor

Bamieh commented Feb 19, 2020

@elasticmachine merge upstream

@kibanamachine
Copy link
Copy Markdown
Contributor

💚 Build Succeeded

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@cuff-links cuff-links merged commit a36467e into elastic:master Feb 19, 2020
cuff-links pushed a commit to cuff-links/kibana that referenced this pull request Feb 19, 2020
…#57163)

* Moved all of the show/hide toggles outside of ordered lists.

* Fixed styling issues for indice list.

* Fixed i10n tag that I accidentally changed.

* Added component to show/hide indices.

* Abstracted out some of the common parts of the Show Hide component and implemented the general component in the pages. Also made conditional for the i18n tags.

* Fixed changes per comments. Restored <EuiText> to fix the issue with the bullet points. Updated the i18n tags to be more generic. Created 2 components for formatted message.

* Fixed internalization issues..

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
mbondyra added a commit to mbondyra/kibana that referenced this pull request Feb 20, 2020
* master: (136 commits)
  [Visualize] Remove legacy appState in visualize (elastic#57330)
  Use static time for tsvb rollup test (elastic#57701)
  [SIEM] Fix ResizeObserver polyfill (elastic#58046)
  [SIEM][Detection Engine] Fixes return codes where some were rule_id instead of id
  skip flaky suite (elastic#56816)
  skip flaky suite (elastic#58059)
  skip flaky suite (elastic#45348)
  migrates notification server routes to NP (elastic#57906)
  Moved all of the show/hide toggles outside of ordered lists. (elastic#57163)
  [APM] NP Migration - Moves plugin server files out of legacy (elastic#57532)
  [Maps][Telemetry] Migrate Maps telemetry to NP (elastic#55055)
  Embeddable add panel examples (elastic#57319)
  Fix useRequest to support query change (elastic#57723)
  Allow custom paths in plugin generator (elastic#57766)
  [SIEM][Case] Merge header components (elastic#57816)
  [ML] New Platform server shim: update job audit messages routes (elastic#57925)
  [kbn/optimizer] emit success event from reducer when all bundles cached (elastic#57945)
  [APM] Don’t include UI filters when fetching a specific transaction (elastic#57934)
  Upgrade yargs (elastic#57720)
  skip flaky suite (elastic#57762) (elastic#57997) (elastic#57998)
  ...

# Conflicts:
#	src/plugins/advanced_settings/public/management_app/components/field/__snapshots__/field.test.tsx.snap
#	src/plugins/advanced_settings/public/management_app/components/field/field.tsx
#	x-pack/plugins/translations/translations/ja-JP.json
#	x-pack/plugins/translations/translations/zh-CN.json
@kibanamachine kibanamachine added the backport missing Added to PRs automatically when the are determined to be missing a backport. label Feb 20, 2020
@kibanamachine
Copy link
Copy Markdown
Contributor

Looks like this PR has a backport PR but it still hasn't been merged. Please merge it ASAP to keep the branches relatively in sync.

cuff-links pushed a commit that referenced this pull request Feb 21, 2020
…#58063)

* Moved all of the show/hide toggles outside of ordered lists.

* Fixed styling issues for indice list.

* Fixed i10n tag that I accidentally changed.

* Added component to show/hide indices.

* Abstracted out some of the common parts of the Show Hide component and implemented the general component in the pages. Also made conditional for the i18n tags.

* Fixed changes per comments. Restored <EuiText> to fix the issue with the bullet points. Updated the i18n tags to be more generic. Created 2 components for formatted message.

* Fixed internalization issues..

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
@kibanamachine kibanamachine removed the backport missing Added to PRs automatically when the are determined to be missing a backport. label Feb 21, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Feature:Snapshot and Restore Elasticsearch snapshots and repositories UI release_note:skip Skip the PR/issue when compiling release notes Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more t// v8.0.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[SR] Move Show/Hide indices toggle link to outside of list

6 participants