mirror of
https://github.com/elastic/kibana.git
synced 2025-07-01 04:23:21 -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> |
||
|---|---|---|
| .. | ||
| public | ||
| kibana.jsonc | ||
| README.md | ||
| tsconfig.json | ||
Grid Example
This plugin is a playground and learning tool that demonstrates the Dashboard layout engine.