Skip to content
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

[Observability Onboarding] Fix small UI issues #197234

Merged
merged 2 commits into from
Oct 24, 2024

Conversation

mykolaharmash
Copy link
Contributor

@mykolaharmash mykolaharmash commented Oct 22, 2024

Closes https://github.com/elastic/observability-dev/issues/4015 🔒

  • Makes the footer's top boarder to span across the full page width
  • Removes the empty header action menu on the main onboarding screen when using the new solution sidenav
  • Replaces "Give feedback" button on the EDOT collector flow with the feedback buttons used in other flows

Other things mentioned in the issue have been resolved already by previous changes.

CleanShot 2024-10-22 at 15 13 17@2x

To enable the new solution navigation locally:

  1. Add these to kibana.dev.yml
xpack.spaces.allowSolutionVisibility: true
xpack.spaces.experimental.forceSolutionVisibility: true
  1. Run Kibana and navigate to Spaces Management
  2. Set "Observability" view for the space you're using locally (most likely "Default")

@mykolaharmash mykolaharmash requested a review from a team as a code owner October 22, 2024 13:13
@mykolaharmash mykolaharmash requested a review from a team October 22, 2024 13:13
@botelastic botelastic bot added the ci:project-deploy-observability Create an Observability project label Oct 22, 2024
Copy link
Contributor

🤖 GitHub comments

Expand to view the GitHub comments

Just comment with:

  • /oblt-deploy : Deploy a Kibana instance using the Observability test environments.
  • run docs-build : Re-trigger the docs validation. (use unformatted text in the comment!)

@mykolaharmash mykolaharmash added release_note:skip Skip the PR/issue when compiling release notes backport:prev-major Backport to (8.x, 8.17, 8.16) the previous major branch and other branches in development labels Oct 22, 2024
@mykolaharmash mykolaharmash force-pushed the design-fixes branch 2 times, most recently from f7a951c to 2c7e1ee Compare October 23, 2024 12:57
@flash1293
Copy link
Contributor

@akhileshpok @gbamparop Just to make sure, did we agree with @mlunadia to remove the link to the feedback form?

@flash1293
Copy link
Contributor

@mykolaharmash I guess we still need to remove the "Was this helpful or were there..." text?

Screenshot 2024-10-23 at 17 39 45

@akhileshpok
Copy link

akhileshpok commented Oct 23, 2024

@flash1293, @gbamparop - No, I completely forgot to validate this with @mlunadia. Due to the time constraints, would it be possible to include the 'Give feedback' button next to the user sentiment options (Note - we should not remove user sentiment collection)?

Screenshot 2024-10-23 at 16 47 10

Fyi - I have just noticed that the EDOT Collector based onboarding flow for Hosts also just has the 'Give feedback' button at the bottom, without user sentiment collection. If possible, we should make the UX consistent for all EDOT Collector based onboarding workflows. Apologies for the confusion!

@akhileshpok
Copy link

@mykolaharmash I guess we still need to remove the "Was this helpful or were there..." text?

Screenshot 2024-10-23 at 17 39 45

Yes, I think that we should remove this text.

@flash1293
Copy link
Contributor

flash1293 commented Oct 23, 2024

On stateful with the new nav enabled, the "Give Feedback" button at the top of the page is not part of the top nav:

Screenshot 2024-10-23 at 17 53 13

This is serverless:

Screenshot 2024-10-23 at 17 53 22

Copy link
Contributor

@thomheymann thomheymann left a comment

Choose a reason for hiding this comment

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

LGTM!

@mykolaharmash
Copy link
Contributor Author

@mykolaharmash I guess we still need to remove the "Was this helpful or were there..." text?

Screenshot 2024-10-23 at 17 39 45

oh, true, not sure how I missed it 🙈

@mykolaharmash
Copy link
Contributor Author

On stateful with the new nav enabled, the "Give Feedback" button at the top of the page is not part of the top nav:

Screenshot 2024-10-23 at 17 53 13 This is serverless: Screenshot 2024-10-23 at 17 53 22

Right, but those are two different buttons. On serverless it has a global feedback button always in the top bar and we hide our button completely to not have two of them. In the new nav, it's our button but as far as I know we cannot place it in the top bar, only in the action bar bellow it.

@flash1293
Copy link
Contributor

@mykolaharmash

In the new nav, it's our button but as far as I know we cannot place it in the top bar, only in the action bar bellow it.

Got it, let's leave that one in for now.

With "Was this helpful or were there..." removed I think we are good - checked with @mlunadia offline and we are good with removing the old otel "Give Feedback" button from the flow

@mykolaharmash
Copy link
Contributor Author

we are good with removing the old otel "Give Feedback" button from the flow

got it, thank you for clarifying!

@elasticmachine
Copy link
Contributor

⏳ Build in-progress

  • Buildkite Build
  • Commit: bfd1c61
  • Kibana Serverless Image: docker.elastic.co/kibana-ci/kibana-serverless:pr-197234-bfd1c611d188

History

  • 💔 Build #245582 failed 632f95c1585e350e0f244e35fdccec35f631629b
  • 💚 Build #245078 succeeded f820032cfd699dd87e3f658a18cf21fab1c76a31
  • 💔 Build #244717 failed f7a951ccfb861627c68bf08a68f4cd3a4ac6dadd
  • 💔 Build #244660 failed f8ca4115b3f97e33c18a8ff77c673a16828abb0b

@mykolaharmash mykolaharmash merged commit 1821093 into elastic:main Oct 24, 2024
27 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.15, 8.16, 8.x

https://github.com/elastic/kibana/actions/runs/11503529947

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Oct 24, 2024
Closes elastic/observability-dev#4015 🔒

* Makes the footer's top boarder to span across the full page width
* Removes the empty header action menu on the main onboarding screen
when using the new solution sidenav
* Replaces "Give feedback" button on the EDOT collector flow with the
feedback buttons used in other flows

Other things mentioned in [the
issue](elastic/observability-dev#4015) have
been resolved already by previous changes.

![CleanShot 2024-10-22 at 15 13
17@2x](https://github.com/user-attachments/assets/383641cf-285e-401f-96e8-578e639d3199)

To enable the new solution navigation locally:
1. Add these to `kibana.dev.yml`
```
xpack.spaces.allowSolutionVisibility: true
xpack.spaces.experimental.forceSolutionVisibility: true
```
2. Run Kibana and navigate to Spaces Management
3. Set "Observability" view for the space you're using locally (most
likely "Default")

(cherry picked from commit 1821093)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Oct 24, 2024
Closes elastic/observability-dev#4015 🔒

* Makes the footer's top boarder to span across the full page width
* Removes the empty header action menu on the main onboarding screen
when using the new solution sidenav
* Replaces "Give feedback" button on the EDOT collector flow with the
feedback buttons used in other flows

Other things mentioned in [the
issue](elastic/observability-dev#4015) have
been resolved already by previous changes.

![CleanShot 2024-10-22 at 15 13
17@2x](https://github.com/user-attachments/assets/383641cf-285e-401f-96e8-578e639d3199)

To enable the new solution navigation locally:
1. Add these to `kibana.dev.yml`
```
xpack.spaces.allowSolutionVisibility: true
xpack.spaces.experimental.forceSolutionVisibility: true
```
2. Run Kibana and navigate to Spaces Management
3. Set "Observability" view for the space you're using locally (most
likely "Default")

(cherry picked from commit 1821093)
@kibanamachine
Copy link
Contributor

💔 Some backports could not be created

Status Branch Result
8.15 Backport failed because of merge conflicts

You might need to backport the following PRs to 8.15:
- [Observability Onboarding] Add missing translation on OTel quickstart title (#187781)
- Adjust OTel onboarding manifest (#187674)
8.16
8.x

Note: Successful backport PRs will be merged automatically after passing CI.

Manual backport

To create the backport manually run:

node scripts/backport --pr 197234

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Oct 24, 2024
)

# Backport

This will backport the following commits from `main` to `8.16`:
- [[Observability Onboarding] Fix small UI issues
(#197234)](#197234)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Mykola
Harmash","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-10-24T16:29:52Z","message":"[Observability
Onboarding] Fix small UI issues (#197234)\n\nCloses
elastic/observability-dev#4015 🔒\r\n\r\n*
Makes the footer's top boarder to span across the full page width\r\n*
Removes the empty header action menu on the main onboarding
screen\r\nwhen using the new solution sidenav\r\n* Replaces \"Give
feedback\" button on the EDOT collector flow with the\r\nfeedback
buttons used in other flows\r\n\r\nOther things mentioned in
[the\r\nissue](elastic/observability-dev#4015)
have\r\nbeen resolved already by previous changes.\r\n\r\n![CleanShot
2024-10-22 at 15
13\r\n17@2x](https://github.com/user-attachments/assets/383641cf-285e-401f-96e8-578e639d3199)\r\n\r\n\r\nTo
enable the new solution navigation locally:\r\n1. Add these to
`kibana.dev.yml`\r\n```\r\nxpack.spaces.allowSolutionVisibility:
true\r\nxpack.spaces.experimental.forceSolutionVisibility:
true\r\n```\r\n2. Run Kibana and navigate to Spaces Management\r\n3. Set
\"Observability\" view for the space you're using locally
(most\r\nlikely
\"Default\")","sha":"18210933b9250771377293a3005a4cd0277da405","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","backport:prev-major","ci:project-deploy-observability","v8.16.0"],"title":"[Observability
Onboarding] Fix small UI
issues","number":197234,"url":"https://github.com/elastic/kibana/pull/197234","mergeCommit":{"message":"[Observability
Onboarding] Fix small UI issues (#197234)\n\nCloses
elastic/observability-dev#4015 🔒\r\n\r\n*
Makes the footer's top boarder to span across the full page width\r\n*
Removes the empty header action menu on the main onboarding
screen\r\nwhen using the new solution sidenav\r\n* Replaces \"Give
feedback\" button on the EDOT collector flow with the\r\nfeedback
buttons used in other flows\r\n\r\nOther things mentioned in
[the\r\nissue](elastic/observability-dev#4015)
have\r\nbeen resolved already by previous changes.\r\n\r\n![CleanShot
2024-10-22 at 15
13\r\n17@2x](https://github.com/user-attachments/assets/383641cf-285e-401f-96e8-578e639d3199)\r\n\r\n\r\nTo
enable the new solution navigation locally:\r\n1. Add these to
`kibana.dev.yml`\r\n```\r\nxpack.spaces.allowSolutionVisibility:
true\r\nxpack.spaces.experimental.forceSolutionVisibility:
true\r\n```\r\n2. Run Kibana and navigate to Spaces Management\r\n3. Set
\"Observability\" view for the space you're using locally
(most\r\nlikely
\"Default\")","sha":"18210933b9250771377293a3005a4cd0277da405"}},"sourceBranch":"main","suggestedTargetBranches":["8.16"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/197234","number":197234,"mergeCommit":{"message":"[Observability
Onboarding] Fix small UI issues (#197234)\n\nCloses
elastic/observability-dev#4015 🔒\r\n\r\n*
Makes the footer's top boarder to span across the full page width\r\n*
Removes the empty header action menu on the main onboarding
screen\r\nwhen using the new solution sidenav\r\n* Replaces \"Give
feedback\" button on the EDOT collector flow with the\r\nfeedback
buttons used in other flows\r\n\r\nOther things mentioned in
[the\r\nissue](elastic/observability-dev#4015)
have\r\nbeen resolved already by previous changes.\r\n\r\n![CleanShot
2024-10-22 at 15
13\r\n17@2x](https://github.com/user-attachments/assets/383641cf-285e-401f-96e8-578e639d3199)\r\n\r\n\r\nTo
enable the new solution navigation locally:\r\n1. Add these to
`kibana.dev.yml`\r\n```\r\nxpack.spaces.allowSolutionVisibility:
true\r\nxpack.spaces.experimental.forceSolutionVisibility:
true\r\n```\r\n2. Run Kibana and navigate to Spaces Management\r\n3. Set
\"Observability\" view for the space you're using locally
(most\r\nlikely
\"Default\")","sha":"18210933b9250771377293a3005a4cd0277da405"}},{"branch":"8.16","label":"v8.16.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Mykola Harmash <[email protected]>
kibanamachine added a commit that referenced this pull request Oct 24, 2024
# Backport

This will backport the following commits from `main` to `8.x`:
- [[Observability Onboarding] Fix small UI issues
(#197234)](#197234)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Mykola
Harmash","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-10-24T16:29:52Z","message":"[Observability
Onboarding] Fix small UI issues (#197234)\n\nCloses
elastic/observability-dev#4015 🔒\r\n\r\n*
Makes the footer's top boarder to span across the full page width\r\n*
Removes the empty header action menu on the main onboarding
screen\r\nwhen using the new solution sidenav\r\n* Replaces \"Give
feedback\" button on the EDOT collector flow with the\r\nfeedback
buttons used in other flows\r\n\r\nOther things mentioned in
[the\r\nissue](elastic/observability-dev#4015)
have\r\nbeen resolved already by previous changes.\r\n\r\n![CleanShot
2024-10-22 at 15
13\r\n17@2x](https://github.com/user-attachments/assets/383641cf-285e-401f-96e8-578e639d3199)\r\n\r\n\r\nTo
enable the new solution navigation locally:\r\n1. Add these to
`kibana.dev.yml`\r\n```\r\nxpack.spaces.allowSolutionVisibility:
true\r\nxpack.spaces.experimental.forceSolutionVisibility:
true\r\n```\r\n2. Run Kibana and navigate to Spaces Management\r\n3. Set
\"Observability\" view for the space you're using locally
(most\r\nlikely
\"Default\")","sha":"18210933b9250771377293a3005a4cd0277da405","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","backport:prev-major","ci:project-deploy-observability","v8.16.0"],"title":"[Observability
Onboarding] Fix small UI
issues","number":197234,"url":"https://github.com/elastic/kibana/pull/197234","mergeCommit":{"message":"[Observability
Onboarding] Fix small UI issues (#197234)\n\nCloses
elastic/observability-dev#4015 🔒\r\n\r\n*
Makes the footer's top boarder to span across the full page width\r\n*
Removes the empty header action menu on the main onboarding
screen\r\nwhen using the new solution sidenav\r\n* Replaces \"Give
feedback\" button on the EDOT collector flow with the\r\nfeedback
buttons used in other flows\r\n\r\nOther things mentioned in
[the\r\nissue](elastic/observability-dev#4015)
have\r\nbeen resolved already by previous changes.\r\n\r\n![CleanShot
2024-10-22 at 15
13\r\n17@2x](https://github.com/user-attachments/assets/383641cf-285e-401f-96e8-578e639d3199)\r\n\r\n\r\nTo
enable the new solution navigation locally:\r\n1. Add these to
`kibana.dev.yml`\r\n```\r\nxpack.spaces.allowSolutionVisibility:
true\r\nxpack.spaces.experimental.forceSolutionVisibility:
true\r\n```\r\n2. Run Kibana and navigate to Spaces Management\r\n3. Set
\"Observability\" view for the space you're using locally
(most\r\nlikely
\"Default\")","sha":"18210933b9250771377293a3005a4cd0277da405"}},"sourceBranch":"main","suggestedTargetBranches":["8.16"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/197234","number":197234,"mergeCommit":{"message":"[Observability
Onboarding] Fix small UI issues (#197234)\n\nCloses
elastic/observability-dev#4015 🔒\r\n\r\n*
Makes the footer's top boarder to span across the full page width\r\n*
Removes the empty header action menu on the main onboarding
screen\r\nwhen using the new solution sidenav\r\n* Replaces \"Give
feedback\" button on the EDOT collector flow with the\r\nfeedback
buttons used in other flows\r\n\r\nOther things mentioned in
[the\r\nissue](elastic/observability-dev#4015)
have\r\nbeen resolved already by previous changes.\r\n\r\n![CleanShot
2024-10-22 at 15
13\r\n17@2x](https://github.com/user-attachments/assets/383641cf-285e-401f-96e8-578e639d3199)\r\n\r\n\r\nTo
enable the new solution navigation locally:\r\n1. Add these to
`kibana.dev.yml`\r\n```\r\nxpack.spaces.allowSolutionVisibility:
true\r\nxpack.spaces.experimental.forceSolutionVisibility:
true\r\n```\r\n2. Run Kibana and navigate to Spaces Management\r\n3. Set
\"Observability\" view for the space you're using locally
(most\r\nlikely
\"Default\")","sha":"18210933b9250771377293a3005a4cd0277da405"}},{"branch":"8.16","label":"v8.16.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Mykola Harmash <[email protected]>
@gbamparop
Copy link
Contributor

❌ 8.15 Backport failed because of merge conflicts

You might need to backport the following PRs to 8.15:

@mykolaharmash where you planning to use backport:prev-minor instead? This one tried to backport it to 8.15.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:prev-major Backport to (8.x, 8.17, 8.16) the previous major branch and other branches in development ci:project-deploy-observability Create an Observability project release_note:skip Skip the PR/issue when compiling release notes v8.16.0 v8.17.0 v9.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants