mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 17:59:23 -04:00
76b896fbb0
# Backport This will backport the following commits from `main` to `8.x`: - [[kbn-grid-layout] Allow rows to be reordered (#213166)](https://github.com/elastic/kibana/pull/213166) <!--- Backport version: 9.6.6 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Hannah Mudge","email":"Heenawter@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-03-19T17:12:35Z","message":"[kbn-grid-layout] Allow rows to be reordered (#213166)\n\nCloses https://github.com/elastic/kibana/issues/190381\n\n## Summary\n\nThis PR adds the ability to drag and drop rows by their headers in order\nto reorder them:\n\n\n\nIt can be a bit confusing dragging section headers around when other\nsections are expanded - it is easy to lose track of them, especially\nwhen the expanded sections are very large. I experimented with\nauto-collapsing all sections on drag, but this felt extremely\ndisorienting because you instantly lost all of your context - so, to\nimprove the UI here, I added a \"scroll to\" effect on drop like so:\n\n\n\nhttps://github.com/user-attachments/assets/0b519783-a4f5-4590-9a1c-580df66a2f66\n\nReminder that, to test this feature, you need to run Kibana with\nexamples via `yarn start --run-examples` and navigate to the grid\nexamples app via `Analytics > Developer examples > Grid Example`.\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] The PR description includes the appropriate Release Notes section,\nand the correct `release_note:*` label is applied per the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n\n### Identify risks\n\nCollapsible sections are not available on Dashboard yet and so there is\nno user-facing risk to this PR.","sha":"05db9e9597ad874e6db5a6fd203a089752007b79","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Team:Presentation","loe:large","release_note:skip","impact:high","Project:Collapsable Panels","backport:version","v9.1.0","v8.19.0"],"title":"[kbn-grid-layout] Allow rows to be reordered","number":213166,"url":"https://github.com/elastic/kibana/pull/213166","mergeCommit":{"message":"[kbn-grid-layout] Allow rows to be reordered (#213166)\n\nCloses https://github.com/elastic/kibana/issues/190381\n\n## Summary\n\nThis PR adds the ability to drag and drop rows by their headers in order\nto reorder them:\n\n\n\nIt can be a bit confusing dragging section headers around when other\nsections are expanded - it is easy to lose track of them, especially\nwhen the expanded sections are very large. I experimented with\nauto-collapsing all sections on drag, but this felt extremely\ndisorienting because you instantly lost all of your context - so, to\nimprove the UI here, I added a \"scroll to\" effect on drop like so:\n\n\n\nhttps://github.com/user-attachments/assets/0b519783-a4f5-4590-9a1c-580df66a2f66\n\nReminder that, to test this feature, you need to run Kibana with\nexamples via `yarn start --run-examples` and navigate to the grid\nexamples app via `Analytics > Developer examples > Grid Example`.\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] The PR description includes the appropriate Release Notes section,\nand the correct `release_note:*` label is applied per the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n\n### Identify risks\n\nCollapsible sections are not available on Dashboard yet and so there is\nno user-facing risk to this PR.","sha":"05db9e9597ad874e6db5a6fd203a089752007b79"}},"sourceBranch":"main","suggestedTargetBranches":["8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/213166","number":213166,"mergeCommit":{"message":"[kbn-grid-layout] Allow rows to be reordered (#213166)\n\nCloses https://github.com/elastic/kibana/issues/190381\n\n## Summary\n\nThis PR adds the ability to drag and drop rows by their headers in order\nto reorder them:\n\n\n\nIt can be a bit confusing dragging section headers around when other\nsections are expanded - it is easy to lose track of them, especially\nwhen the expanded sections are very large. I experimented with\nauto-collapsing all sections on drag, but this felt extremely\ndisorienting because you instantly lost all of your context - so, to\nimprove the UI here, I added a \"scroll to\" effect on drop like so:\n\n\n\nhttps://github.com/user-attachments/assets/0b519783-a4f5-4590-9a1c-580df66a2f66\n\nReminder that, to test this feature, you need to run Kibana with\nexamples via `yarn start --run-examples` and navigate to the grid\nexamples app via `Analytics > Developer examples > Grid Example`.\n\n### Checklist\n\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] The PR description includes the appropriate Release Notes section,\nand the correct `release_note:*` label is applied per the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n\n### Identify risks\n\nCollapsible sections are not available on Dashboard yet and so there is\nno user-facing risk to this PR.","sha":"05db9e9597ad874e6db5a6fd203a089752007b79"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: Hannah Mudge <Heenawter@users.noreply.github.com> |
||
|---|---|---|
| .. | ||
| bfetch_explorer | ||
| content_management_examples | ||
| controls_example | ||
| data_view_field_editor_example | ||
| developer_examples | ||
| discover_customization_examples | ||
| embeddable_examples | ||
| error_boundary | ||
| eso_model_version_example | ||
| esql_ast_inspector | ||
| esql_validation_example | ||
| expressions_explorer | ||
| feature_control_examples | ||
| feature_flags_example | ||
| field_formats_example | ||
| files_example | ||
| grid_example | ||
| guided_onboarding_example | ||
| hello_world | ||
| locator_examples | ||
| locator_explorer | ||
| partial_results_example | ||
| portable_dashboards_example | ||
| preboot_example | ||
| resizable_layout_examples | ||
| response_stream | ||
| routing_example | ||
| screenshot_mode_example | ||
| search_examples | ||
| share_examples | ||
| state_containers_examples | ||
| ui_action_examples | ||
| ui_actions_explorer | ||
| unified_doc_viewer | ||
| unified_field_list_examples | ||
| user_profile_examples | ||
| v8_profiler_examples | ||
| README.asciidoc | ||
[[example-plugins]] == Example plugins This folder contains example plugins. To run the plugins in this folder, use the `--run-examples` flag (without a basepath), via [source,bash] ---- yarn start --run-examples ----